jQuery提交表单数据及其表单验证
来源:互联网 发布:linux 常用服务 编辑:程序博客网 时间:2024/05/01 15:44
这回来说说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希望我的验证会让你更理解
- jQuery提交表单数据及其表单验证
- jquery表单提交验证
- jquery 表单验证 提交
- jQuery验证阻止表单提交
- Jquery easyUi表单验证提交
- jquery表单验证提交删除
- html表单提交数据验证
- [JAVAWEB]4.用jQuery完成数据验证和表单提交
- Jquery表单提交JSON数据
- jquery validate表单验证插件制作注册表单验证提交
- Jquery插件easyUi表单验证提交
- jquery---------ajax+validate表单异步提交验证
- jquery---------ajax+validate表单异步提交验证
- Jquery插件easyUi表单验证提交
- jquery---ajax异步提交+validate表单验证
- jquery之ajax提交、js验证表单
- validate验证+jquery+ajax提交表单
- jquery---------ajax+validate表单异步提交验证
- 数码管
- 大数据会议
- Linux系统中如何查看进程
- 阿里淘宝体验系列2-数据挖掘工具
- PCB中的线宽
- jQuery提交表单数据及其表单验证
- 如果当初学习编程时能有人给我这些忠告该多好
- org.hibernate.MappingException: Unknown entity:
- 电阻
- ios 将UIView保存Image,依据scale
- Nginx and PHP-FPM Configuration and Optimizing Tips and Tricks
- 关于通用处理器未来发展的一点思考
- // AFHTTPRequestOperation.m // // Copyright (c) 2011 Gowalla (http://gowalla.com/) // // Permission
- 求解一元三次方程--c++