jQuery提交表单数据及其表单验证

这回来说说jqure提交表单数据及其验证。

简简单单。相信大家一看代码注解就全部懂了。。。。

//初始化校验规则！！
function (){
validator=$("#subform").validate( //所检验的form

{
wrapper:"div", //上级包装
rules:{ // 输入规则
oldPwd:{
request:true //要输入
},
newPwd{
request :true //请求为true 意思是newPwd这个文本框不能为空
minlength:5 //文本框数据最小长度
maxlength:10 //最大长度
},
confirmPwd{
request:true
},
},
message:{ //提示内容 当不通过验证时候显示
oldPwd:{

required:“请输入旧密码”
},
newPwd:{
required：“请输入密码”
},
confirmPwd:{},
},
});
//密码校验： $.validator.addMethod("name","方法"，“提示信息”)
$.validator.addMethod("pwdRule",function(value){
var reg=new RedExp(/[\w\d_]+$/);
return reg.test(value); },
"密码只能是。。。。"
) }

//提交表单数据
function dosubmit(){
if(!$("#subform").valid()){
return ； //没有通过验证
}
var url="user/changePwd.do"
var param={ text1: $('#text1').val(),text2: $('#text2').val(),} ； //要传的参数 json形式
$.post(url,param,function(data) //post提交表单
{ if(data.success){ //根据返回值做出页面响应。
}else{ } }); }}

总的来说就 jqure提交就是dosubmit（）这个函数。。只有一点点但是调理很清晰，，希望对你们有帮助。。至于表单验证。。官网上也有demo希望我的验证会让你更理解