对于juqery的验证框架 实在是不想用 但是没办法项目组要用统一的验证方式对于jquery的验证最常见的写法就是 如下:
$("#addressForm").validate({
rules: {
'memberAddress.name':{
required: true,
minlength:1,
maxlength:20
},
'memberAddress.address':{
required: true,
minlength:1,
maxlength:128
},
'memberAddress.postcode':{
required: true,
minlength:6,
maxlength:6,
number:true
},
'memberAddress.zoneCode':{
minlength:3,
maxlength:4,
number:true
},
'memberAddress.tel':{
minlength:7,
maxlength:8,
number:true
},
'memberAddress.mobile':{
minlength:11,
maxlength:11,
number:true
}
},
messages: {
'memberAddress.name': {
required: '请输联系人姓名',
minlength: '请输联系人姓名',
maxlength: '联系人姓名的最大长度为20'
},
'memberAddress.address':{
required:'请输入联系地址',
minlength:'请输入联系地址',
maxlength:'联系地址最大长度为128'
},
'memberAddress.postcode':{
required:'请输入邮编',
minlength:'请输入正确的邮编',
maxlength:'请输入正确的邮编',
number:'请输入正确的邮编'
},
'memberAddress.zoneCode':{
minlength:'请输入正确的区号',
maxlength:'请输入正确的区号',
number:'请输入正确的区号'
},
'memberAddress.tel':{
minlength:'请输入正确的电话',
maxlength:'请输入正确的电话',
number:'请输入正确的电话'
},
'memberAddress.mobile':{
minlength:'请输入正确的手机号',
maxlength:'请输入正确的手机号',
number:'请输入正确的手机号'
}
},
errorElement: "span",
errorClass: "error",
success:"checked",
submitHandler : function() {//控制是否提交,可以不写
return checkInfo();
}
});
但是假设我的表单是ajax提交的的 哪怎么办呢
可以这样写:
validate=$("#addressForm").validate({
rules: {
'memberAddress.name':{
required: true,
minlength:1,
maxlength:20
},
'memberAddress.address':{
required: true,
minlength:1,
maxlength:128
},
'memberAddress.postcode':{
required: true,
minlength:6,
maxlength:6,
number:true
},
'memberAddress.zoneCode':{
minlength:3,
maxlength:4,
number:true
},
'memberAddress.tel':{
minlength:7,
maxlength:8,
number:true
},
'memberAddress.mobile':{
minlength:11,
maxlength:11,
number:true
}
},
messages: {
'memberAddress.name': {
required: '请输联系人姓名',
minlength: '请输联系人姓名',
maxlength: '联系人姓名的最大长度为20'
},
'memberAddress.address':{
required:'请输入联系地址',
minlength:'请输入联系地址',
maxlength:'联系地址最大长度为128'
},
'memberAddress.postcode':{
required:'请输入邮编',
minlength:'请输入正确的邮编',
maxlength:'请输入正确的邮编',
number:'请输入正确的邮编'
},
'memberAddress.zoneCode':{
minlength:'请输入正确的区号',
maxlength:'请输入正确的区号',
number:'请输入正确的区号'
},
'memberAddress.tel':{
minlength:'请输入正确的电话',
maxlength:'请输入正确的电话',
number:'请输入正确的电话'
},
'memberAddress.mobile':{
minlength:'请输入正确的手机号',
maxlength:'请输入正确的手机号',
number:'请输入正确的手机号'
}
},
errorElement: "span",
errorClass: "error",
success:"checked",
submitHandler : function() {//控制是否提交,可以不写
return checkInfo();
}
});
然后 在你提交前触发的function中
function submitform(){
var f=validate.form();
if(f){}else{}
}
好了这样就行了
分享到:
相关推荐
今天小编就为大家分享一篇layui插件表单验证提交触发提交的例子,具有很好的参考价值,希望对大家有所帮助。一起跟随小编过来看看吧
使layui.js form 可主动验证表单是否通过。扩展layui下的form.js 。文章链接 https://blog.csdn.net/qq_17837497/article/details/107505486
JS正则验证大全 (.Net客户端验证)
python 爬取百度搜索结果,及安全验证问题
tt.RV(正则表达式) ... 为某元素指定触发验证事件 灵活取消添加验证 过滤元素 只验证某form的元素 只验证某ID的元素 只验证某name的元素 用字段来添加/删除验证器 用alert进行信息提示 验证框架的配置项
指定表单下任一元素在单击时触发表单提交事件; 支持一个页面多表单的检测。例如你给页面上的各form绑定同样的class名称"demoform",只需在页面上写上一句 $(".demoform").Validform(),各表单便会独立检测。
事件触发相关程序,最优控制相关内容,可运行
对事件触发控制进行仿真,并使其最终结果达到稳定
当验证器与一个目标源的属性关联之后,每次该属性值的改变都会触发验证器的验证。验证结果通过 valid和 invalid事件派发。valid事件表明验证通过,invalid事件表明验证失败。 虽然 Flex 验证器可以自动地工作,但它...
当使用时,ChkInputs.js会自动遍历DOM的元素,逐个检测直到所以验证完毕为止,由于事件触发在客户端响应非常及时,不会刷新页面。 该函数库提供许多函数库,就不一一列举了,这里举几个代表性的函数例子加以解释说明...
接下来,将上述复合式控制协议设计为带有最小采样粒度的事件触发机制,运用现代控制理论和矩阵论等工具分析了多智能体算法,得到了分布式的事件触发条件. 最后,通过计算机仿真验证了本文所提算法的有效性.
vue 表单验证按钮事件交由父组件触发,不直接再子组件上操作的方法 子组件: //内容部分 <Form ref=formCustom :model=formCustom :rules=ruleCustom :label-width=80> <Input type=text v-model=...
jvalidator是一个支持表达式的异步表单验证器插件,使用方法: 第1步 设置好表单,为需要验证的字段设置 data-jvalidator-pattern ,该内容是你可以使用的验证器 ...即可整个表单验证,也可以单独触发某个字段的验证
自动化控制、事件触发机制研究,动态事件触发,静态事件触发,自适应事件触发,相对静态事件触发。事件(event)是一个非常重要的概念,我们的程序时刻都在触发和接收着各种事件:鼠标点击事件,键盘事件,以及处理...
锯齿波同步移相触发电路实验报告
laydate时间控件,及选择时间后触发事件
关于低电平触发与下降沿触发的区别,单片机中断!
1. 两者区别:在于发生事件的时间点,条件触发:只要输入缓冲有数据就一直通知该事件;边缘触发:输入缓冲受到数据时仅注册一次事件。epoll默认以条件触发方式工作
BootStrapValidator表单验证插件的坑还真不少,又让我碰上一个… BootStrapValidator验证的表单中只可有一个 type="submit" 的按钮。 我这样写了之后 (代码如下) ,点击其它按钮仍会触发验证… 1.错误代码 //...
主要内容是相机硬触发的电路图、Labview硬触发的采集程序和相机的用户手册。本程序是通过感应器信号触发相机拍照,在相机曝光时会自己控制光源闪烁,从而达到快速拍照的效果。适用于流水线等需要快速拍照取图的工作...