JQuery Form submission Plug-In ---- Form introduction, official documentation, official, jquery ---- form
1. Introduction to jQuery Form
JQuery Form plug-in is an excellent Ajax Form plug-in that can easily and without intrusion to upgrade HTML forms to support Ajax. JQuery Form has two core methods: ajaxForm () and ajaxSubmit (), which combine the functions from controlling Form elements to deciding how to manage the submission process. In addition, the plug-in includes other methods: formToArray (), formSerialize (), fieldSerialize (), fieldValue (), clearForm (), clearFields (), and resetForm.
JQuery Form Plugin allows you to easily upgrade forms submitted in HTML Form to AJAXTechnical submission form.
The main method in the plug-in,ajaxForm
AndajaxSubmit
To collect information from the form component to determine how to process the form submission process. Both methods support many optional parameters, allowing you to completely control the submission of data in the form. This makes the process of submitting a form in AJAX mode simple and not easy!
II,
: Http://malsup.com/jquery/form/#download
Github home: https://github.com/malsup/form
Network Disk download: https://yunpan.cn/crjzfmXqaTu9e access password e3bc
Iii. Materials
English online document: http://www.vaikan.com/docs/jquery.form.plugin/jquery.form.plugin.html
English online documentation: http://jquery.malsup.com/form/
Iv. Simple experience examples
1. Write a form on your page. A common form does not require any special markup:
<form id="myForm" action="comment.jsp" method="post"> Name: <input type="text" name="name" /> Comment: <textarea name="comment"></textarea> <input type="submit" value="Submit Comment" /> </form>
2. Introduce jQuery and Form Plugin Javascript script files and add a few simple codes to make the pageInitialize the form after loading:
<script src="jquery-1.3.1.js" type="text/javascript"></script><script src="jquery.form.js" type="text/javascript"></script>
<Form id = "myForm" action = "demo. jsp "method =" post "> name: <input type =" text "name =" name "/> <br/> address: <input type = "text" name = "address"/> <br/> self-introduction: <textarea name = "comment"> </textarea> <br/> <input type = "submit" id = "test" value = "submit"/> <br/> <div id = "output1" style = "display: none; "> </div> </form>
3. After the form is submittedName, Address andCommentWill be submittedDemo. jspIf the server returns a successful status, the user will see a prompt message "Thank you ".
<! Doctype html public "-// W3C // dtd html 4.01 Transitional // EN">