jquery的表单验证 简述使用jquery实现表单验证的流程

jquery怎么自动触发submit

submit只是表单提交时的验证事件，无法获取提交是否成功 return false阻止表单提交，自己写ajax提交表单内容 $("#xxx").submit(function () { $.ajax({ type: 'POST', data: $(this).val(), url: 'xxxx', success: function () { //... }, error: function (xhr) { //... } }); return false; });

要使用jQuery自动触发submit，可以使用.trigger()方法。通过选择提交按钮的id或者class，然后调用.trigger('submit')方法来触发表单的提交操作。例如，如果提交按钮的id是"submitBtn"，则可以使用$("#submitBtn").trigger('submit')来触发表单的提交。这样可以实现在特定的条件下自动提交表单，而不需要用户手动点击提交按钮。这对于需要自动提交表单的情况，如表单验证通过后自动提交，或者在特定事件发生后自动提交表单，非常有用。

JavaScript的jQuery库插件的简要开发指南

1.表单验证插件 validate.js

2.表格插件 dateTables.js

3.弹层插件 layer.js

4.分页插件 layPage.js 5下拉框选择插件 select2.js chosen.js 6.图片全屏显示 supersized.js 7.复选框单选按钮美化 iCheck.js 表单美化插件 uniform.js里也行，可以看看 8.全屏滚动插件 fullPage.js 9.上传插件 zyUpload.js 10.树插件 zTree.js 11.表单提交插件 ajaxForm.js 12.输入格式化插件 inputmask.js maskedinput.js 13.向导插件 formToWizard.js 14.日历插件 fullcalendar.js 15.手机端滚动插件 iscroll.js

submitform方法的参数

ajaxForm()方法和submitForm()方法的参数

ajaxForm()方法和submitForm()方法都能接受0个或1个参数。当为单个参数时，该参数可以是一个回调函数，也可以是一个options对象，传递option对象，使它们拥有更多控制权；

　　(1)首先定义一个对象options，然后在里面设置参数，代码如下：

var options={

　　target: '#output1', 　　　　　　　　//把服务器返回的内容放入id为output1的元素中

　　beforeSubmit: showRequest, 　　//提交前的回调函数

　　success: showResponse ,　　　　//提交成功的回调函数

　　url: url, 　　　　　　　　　//默认form的"action"，如果申明，会覆盖

　　type:type, 　　　　　　　//默认是form的method('get'or'post'),如果申明，会覆盖

　　dataType: null, 　　　　//'xml','script','json'(接收服务器返回的类型)

　　clearForm: true,　　　//成功提交后，清除所有表单元素的值

　　resetForm: true, 　　//成功提交后，重置所有表单元素的值

　　timeout:3000 　　　//请求限制的时间，当大于三分钟，跳出请求

};

　　(2)定义完options对象之后，就把这个参数传给ajaForm()方法，代码如下：

　　$("#myform").ajaxForm(options);

　　或者，

　　$("#myform").submit(function(){

　　　　$(this).ajaxSubmit(options);

　　　　return false;

　　})

　　(3)beforeSubmit——提交前的回调函数

　　参数：formData为数组对象。在这里，使用$.param()方法把它转化为字符串，得到如下格式：name=lida&address=guanzhou

　　jqFrom是个JQuery对象，它封装表单元素

　　options就是options对象