32avalon - 指令ms-rules(自定义验证规则)
直接上代码:
<script>var vm = avalon.define({$id: "validate2",firstname: '司徒正美',lastname: '',username: '',password: '',confirm_password: '',email: '',agree: false,topic: [],toggle: false,validate: {onError: function (reasons) {reasons.forEach(function (reason) {console.log(reason.getMessage())})},onValidateAll: function (reasons) {if (reasons.length) {console.log('有表单没有通过')} else {console.log('全部通过')}}}})avalon.validators.checked = {message: '必须扣上',get: function (value, field, next) {next(value)return value}}avalon.validators.selecttwo = {message: '至少选择两个',get: function (value, field, next) {next(!vm.toggle || value.length >= 2)return value}}</script><div ms-controller="validate2"><form class="cmxform" ms-validate="@validate" ><fieldset><legend>验证完整的表单</legend><p><label for="firstname">名字</label><input id="firstname" name="firstname" ms-duplex="@firstname"ms-rules="{required:true, pattern: /[\u4e00-\u9fa5a-z]{2-8}/i }" data-required-message="必须是中文或字母(3-8个字符)" ></p><p><label for="lastname">姓氏</label><input id="lastname" name="lastname"ms-duplex="@lastname"ms-rules="{required:true}" data-required-message="请输入您的姓氏"></p><p><label for="username">用户名</label><input id="username" name="username"ms-duplex="@username | change"ms-rules="{required:true, minlength:2}" ></p><p><label for="password">密码</label><input id="password" name="password" type="password"ms-duplex="@password"ms-rules="{required:true,minlength:5}" data-required-message="请输入密码"data-required-message="密码长度不能小于 5 个字母"></p><p><label for="confirm_password">验证密码</label><input id="confirm_password" name="confirm_password" type="password"ms-duplex="@confirm_password | change"ms-rules="{required:true,equalto:'password'}" data-equalto-message="两次密码输入不一致"></p><p><label for="email">Email</label><input id="email" name="email" type="email"ms-duplex="@email"ms-rules="{email:true}" data-email-message="请输入一个正确的邮箱"></p><p><label for="agree">请同意我们的声明</label><input type="checkbox" class="checkbox" id="agree" name="agree"ms-duplex-checked="@agree"ms-rules="{checked:true}" ></p><p><label for="newsletter">我乐意接收新信息</label><input type="checkbox" class="checkbox" id="newsletter" name="newsletter"ms-duplex-checked="@toggle"></p><fieldset id="newsletter_topics" ms-visible="@toggle" ><legend>主题 (至少选择两个) </legend><label for="topic_marketflash"><input type="checkbox" id="topic_marketflash" value="marketflash" name="topic[]" ms-duplex="@topic"ms-rules="{selecttwo:true}">Marketflash</label><label for="topic_fuzz"><input type="checkbox"id="topic_fuzz"value="fuzz"name="topic[]"ms-duplex="@topic"ms-rules="{selecttwo:true}">Latest fuzz</label><label for="topic_digester"><input type="checkbox" id="topic_digester"value="digester"name="topic[]"ms-duplex="@topic"ms-rules="{selecttwo:true}">Mailing list digester</label><label for="topic" class="error" style="display:none">至少选择两个</label></fieldset><p><input class="submit" type="submit" value="提交"></p></fieldset></form></div>
32avalon - 指令ms-rules(自定义验证规则)相关推荐
- yii2中的rules 自定义验证规则详解
yii2的一个强大之处之一就是他的Form组件,既方便又安全.有些小伙伴感觉用yii一段时间了,好嘛,除了比tp"难懂"好像啥都没有. 领导安排搞一个注册的功能,这家伙刷刷刷的又是 ...
- 后盾网lavarel视频项目---自定义验证和自定义验证规则
后盾网lavarel视频项目---自定义验证和自定义验证规则 一.总结 一句话总结: 1.自定义验证就是用的自定义验证请求类:php artisan make:request AdminPost 2. ...
- easyui的validatebox重写自定义验证规则的几个实例
validatebox已经实现的几个规则: 验证规则是根据使用需求和验证类型属性来定义的,这些规则已经实现(easyui API): email:匹配E-Mail的正则表达式规则. url:匹配URL ...
- validatebox自定义验证规则以及使用
//===============jsp======state====//开启验证<script type="text/javascript"> yZ() ...
- 教你三种Model(AR)中自定义验证规则的方法
2019独角兽企业重金招聘Python工程师标准>>> 各位Yii2兄弟都知道Model的rules里面可以使用自己定义的验证规则,我们今天就把自定义规则做一个总结,进行一次彻底的知 ...
- php验证法则是10位数字,自定义验证规则
> ## 设置验证规则 ``` // 1.数组传入(针对在控制器中定义验证) $rules = [ 'name' => 'require|max:25', 'age' => 'num ...
- layui单选框verify_layui lay-verify form表单自定义验证规则详解
虽然layui的官方文档已经是写的比较详细,但是初次使用的时候总会懵一下,这里纪录一下lay-verify自定义验证规则的时候到底放哪. html: 提交 js: form.verify({ //数组 ...
- layui的表单——自定义验证规则
最近layui的表单用的比较多,所以整理来一下自定义的验证如下(下面是自己写的例子): layui的官网 引入layui之后 html <form action="" cla ...
- Gin验证请求参数-自定义验证规则
Gin对请求参数自定义验证规则可以分三步: 自定义结构体验证绑定binding标签 针对该标签定义验证方法 再将该验证方法注册到validator验证器里面 自定义结构体验证绑定binding标签 需 ...
最新文章
- 对软连接进行cp,rm
- Android 用户界面---定制组件(Custom Components)
- CVPR 2020 Oral | 无域标签下高清场景时移变换
- cvc降噪和主动降噪_市面上的降噪耳机,物理降噪和主动降噪,你会怎么选择?...
- 最受欢迎的Java环境
- 作者:李涛(1975-),男,南京邮电大学计算机学院、软件学院院长,南京邮电大学大数据研究院院长。...
- 天正坐标标注显示不全_高效率的天正CAD技巧,其实制图很简单!
- 深入一步研究DNS服务器
- 使用urllib,re,queue,threading,bs4,requests多线程队列爬取图片到本地保存
- 几点个人信息安全感受
- 伦敦大学计算机研究生雅思要求,【留学科普】伦敦TOP10大学雅思要求来了!你够得上吗?...
- 美国佐治亚理工计算机专业,世界大学排名之:美国佐治亚理工学院
- 深入理解Moya设计
- 家用无线TP-LINK路由器使用一段时间后,频繁断网解决办法之一
- 串行通信协议(I2C、SPI、UART、SCCB、CAN)
- adapter.notify()、notifyAll()、notifyDataSetChanged ()、notifyDataSetInvalidated ()的区别
- 专精特新中小企业的政策依据
- 2008年世界顶级杀毒软件排行榜
- 选定进行压缩的卷可能已损坏,请使用Chkdsk修复
- 标称属性样本相似性度量