jQuery Form Method : สอน method และ property ของ Form Method, เรียน method และ property ของ Form Method
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • fieldValue ( excludeUnsuccessful ) ใช้คืนค่า value ของ element ใน form โดยจะคืนค่ามาในลักษณะของ array value
    formSerialize ( semantic ) ใช้คืนค่า value แบบ successful ของ form ที่ถูก encoded แล้ว
    fieldSerialize ( excludeUnsuccessful ) ใช้คืนค่า value ของ element ใน form ที่ถูก encoded แล้ว
    clearForm () ใช้ clear ข้อมูล ภายใน form ให้เป็น ค่าว่างให้หมด
    resetForm () ใช้ reset ข้อมูล ภายใน form ให้เป็น ค่าเริ่มต้นของมัน
    ajaxSubmit ( options ) ใช้กำหนดให้ form ที่กำหนด เกิดเหตุการณ์ submit ขึ้น แต่เป็นการ submit แบบ ajax
    ajaxForm ( options ) ใช้กำหนดให้ form ที่กำหนดมีลักษณะเป็นแบบ ajax form
    ajaxFormUnbind () ใช้ยกเลิกให้ form ที่กำหนดเป็นแบบ ajax form
    serialize ( ) ใช้คืนค่า value แบบ successful ของ form ที่ถูก encoded แล้ว
    serializeArray ( ) ใช้คืนค่า value แบบ successful ของ form โดยจะคืนค่ามาแบบ array
  • syntax :
    fieldValue ( excludeUnsuccessful )

    return type :
    array

    content :
    ใช้คืนค่า value ของ element ใน form โดยจะคืนค่ามาในลักษณะของ array value
    ถ้าหากว่ากำหนด excludeUnsuccessful = true หรือไม่กำหนด จะหมายรวมถึงให้ ไม่ต้องรวบรวมค่าของ unsuccessful ด้วย
    แต่ถ้ากำหนด excludeUnsuccessful = false จะหมายรวมถึงให้ รวบรวมค่าของ unsuccessful
    ( unsuccessful หมายถึง ค่าที่ไม่จำเป็นต้องถูกส่งไปยังการ submit เช่น checkbox ที่ไม่ถูกเลือก, หรือ option ที่ไม่ถูกเลือก)

    example :
    var myArray = $("#form *").fieldValue(false);

  • syntax :
    formSerialize ( semantic )

    return type :
    string

    content :
    ใช้คืนค่า value แบบ successful ของ form ที่ถูก encoded แล้ว
    ( successful หมายถึง ค่าที่จำเป็นต้องถูกส่งไปยังการ submit )
    โดย semantic ถ้ากำหนด true คือต้องการให้เรียงลำดับ element เหมือนใน form ด้วย

    example :
    var myText = $("#form").formSerialize(true);

  • syntax :
    fieldSerialize ( excludeUnsuccessful )

    return type :
    string

    content :
    ใช้คืนค่า value ของ element ใน form ที่ถูก encoded แล้ว
    ถ้าหากว่ากำหนด excludeUnsuccessful = true หรือไม่กำหนด จะหมายรวมถึงให้ ไม่ต้องรวบรวมค่าของ unsuccessful ด้วย
    แต่ถ้ากำหนด excludeUnsuccessful = false จะหมายรวมถึงให้ รวบรวมค่าของ unsuccessful
    ( unsuccessful หมายถึง ค่าที่ไม่จำเป็นต้องถูกส่งไปยังการ submit เช่น checkbox ที่ไม่ถูกเลือก, หรือ option ที่ไม่ถูกเลือก)

    example :
    var myText = $("#form *").fieldSerialize(false);

  • syntax :
    clearForm ()

    return type :
    void, element

    content :
    ใช้ clear ข้อมูล ภายใน form ให้เป็น ค่าว่างให้หมด

    example :
    $("#form").clearForm();

  • syntax :
    resetForm ()

    return type :
    void, element

    content :
    ใช้ reset ข้อมูล ภายใน form ให้เป็น ค่าเริ่มต้นของมัน

    example :
    $("#form").resetForm();

  • syntax :
    ajaxSubmit ( options )

    return type :
    void, element

    content :
    ใช้กำหนดให้ form ที่กำหนด เกิดเหตุการณ์ submit ขึ้น แต่เป็นการ submit แบบ ajax
    โดย options ให้กำหนดค่า config ต่างๆ ดังนี้
    url (string) ให้กำหนด url ของการ request ถ้าไม่กำหนด จะเอาจาก action ของ form นั้นๆ
    type (string) ให้กำหนด ประเภทของการ request ได้แก่ GET หรือ POST
    dataType (string) ให้กำหนด ประเภทข้อมูลของการ response ได้แก่ xml, json, script
    target (string|object|element) ให้กำหนด element ที่จะมารับ response text 
    beforeSubmit (function) ให้กำหนด function ที่จะถูกเรียกใช้งานก่อนที่จะมีการ request ไป
    โดยถ้า function return false แล้ว การ sumbit จะถูก cancel โดยจะมี parameter 3 ตัว 
    ได้แก่ array value send, jquery, options
    success (function) ให้กำหนด function ที่จะถูกเรียกใช้งานเมื่อการ request สำเร็จ และ return successful status 
    กลับมา โดยจะมี parameter 3 ตัว ได้แก่ response text, status code, jquery
    clearForm (boolean) ถ้ากำหนด true แล้ว form นี้จะถูก clear หลังจาก submit สำเร็จ
    resetForm (boolean) ถ้ากำหนด true แล้ว form นี้จะถูก clear หลังจาก submit สำเร็จ
    semantic (boolean)
    ( และ options อื่นๆ จะมีเหมือนของ function $.ajax() )

    example :
    $("#form").ajaxSubmit({
    	url: "detailPerson.php",
    	type: "post",
    	success: function(text,state,jquery) { alert("ajax success"); }
    });

  • syntax :
    ajaxForm ( options )

    return type :
    void, element

    content :
    ใช้กำหนดให้ form ที่กำหนดมีลักษณะเป็นแบบ ajax form
    โดย options ให้กำหนดค่า config ต่างๆ ดังนี้
    url (string) ให้กำหนด url ของการ request ถ้าไม่กำหนด จะเอาจาก action ของ form นั้นๆ
    type (string) ให้กำหนด ประเภทของการ request ได้แก่ GET หรือ POST
    dataType (string) ให้กำหนด ประเภทข้อมูลของการ response ได้แก่ xml, json, script
    target (string|object|element) ให้กำหนด element ที่จะมารับ response text 
    beforeSubmit (function) ให้กำหนด function ที่จะถูกเรียกใช้งานก่อนที่จะมีการ request ไป
    โดยถ้า function return false แล้ว การ sumbit จะถูก cancel โดยจะมี parameter 3 ตัว 
    ได้แก่ array value send, jquery, options
    success (function) ให้กำหนด function ที่จะถูกเรียกใช้งานเมื่อการ request สำเร็จ และ return successful status 
    กลับมา โดยจะมี parameter 3 ตัว ได้แก่ response text, status code, jquery
    clearForm (boolean) ถ้ากำหนด true แล้ว form นี้จะถูก clear หลังจาก submit สำเร็จ
    resetForm (boolean) ถ้ากำหนด true แล้ว form นี้จะถูก clear หลังจาก submit สำเร็จ
    semantic (boolean)
    ( และ options อื่นๆ จะมีเหมือนของ function $.ajax() )

    example :
    $("#form").ajaxForm({
    	url: "detailPerson.php",
    	type: "post",
    	success: function(text,state,jquery) { alert("ajax success"); }
    });

  • syntax :
    ajaxFormUnbind ()

    return type :
    void, element

    content :
    ใช้ยกเลิกให้ form ที่กำหนดเป็นแบบ ajax form

    example :
    $("#form").ajaxForm({
    	url: "detailPerson.php",
    	type: "post",
    	success: function(text,state,jquery) { alert("ajax success"); }
    });
    $("#form").ajaxFormUnbind();

  • syntax :
    serialize ( )

    return type :
    string

    content :
    ใช้คืนค่า value แบบ successful ของ form ที่ถูก encoded แล้ว
    ( successful หมายถึง ค่าที่จำเป็นต้องถูกส่งไปยังการ submit )
    โดยจะคืนเฉพาะ first element ภายใน set

    example :
    var serialText = $("#form").serialize ( );
    alert ( serialText );

  • syntax :
    serializeArray ( )

    return type :
    array

    content :
    ใช้คืนค่า value แบบ successful ของ form โดยจะคืนค่ามาแบบ array
    โดยภายในแต่ละค่าของ array จะเป็น Object ที่มี Property 2 ตัวได้แก่ name และ value
    ( successful หมายถึง ค่าที่จำเป็นต้องถูกส่งไปยังการ submit )
    โดยจะคืนเฉพาะ first element ภายใน set

    example :
    var serialArray = $("#form").serializeArray ( );
    jQuery.each ( serialArray, function ( index, object ) {
            alert ( object.name + " : " + object.value );
    });

 
Share This Chapter Login with Facebook