表明五回密码输入是或不是等于,jquery决断输入

作者: 网络应用  发布:2019-09-03

Jquery easyui是多少个非常好的ui框架,但是表单验证中一向不最常用的判定五个输出框中值相等的表明,所以笔者做了下扩大。

什么是 jQuery EasyUI

$.extend($.fn.validatebox.defaults.rules, {  
  /*必须和某个字段相等*/ 
  equalTo: { 
    validator:function(value,param){ 
      return $(param[0]).val() == value; 
    }, 
    message:'字段不匹配' 
  } 

}); 

jQuery EasyUI 框架提供了制造网页所需的上上下下,协理你轻易创设站点。

运用示例:

easyui 是八个基于 jQuery 的框架,集成了各类客户分界面插件。

密码: <input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/> 
<br/> 
确认密码:<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/> 

easyui 提供创设当代化的具有交互性的 javascript 应用的必须的效应。

将validType属性钦定为equalTo['#password']即可。
道理当然是那样的使用那么些小插件,须求求先征引jquery easyui的js库。

接纳 easyui,您无需写太多 javascript 代码,一般意况下您只供给采纳一些 html 标志来定义客户分界面。

应用jQuery.validate验证表单中三回密码是还是不是一律的时候遭逢了有个别小标题,那是本人编写的代码:

HTML 网页的总体框架。

$("#aspnetForm").validate({
        rules: {
          txtName: {
            required: true
          },
          txtTrueName: {
            required: true
          },
          txtPass: {
            required: true,
            minlength: 3
          },
          txtTwoPass: {
            required: true,
            minlength: 3,
            equalTo: "#txtPass"
          },
          txtEmail: {
            required: true,
            email: true
          },
          txtAddress: {
            required: true
          },
          txtPhone: {
            required: true
          }
        },
        messages: {
          txtName: {
            required: "*请输入用户名"
          },
          txtTrueName: {
            required: "*请输入姓名"
          },
          txtPass: {
            required: "*请输入密码",
            minlength: "*密码不能小于3个字符"
          },
          txtTwoPass: {
            required: "*请输入确认密码",
            minlength: "*密码不能小于3个字符",
            equalTo: "*请再次输入相同的值"
          },
          txtEmail: {
            required: "*请输入邮箱",
            email: "*请输入正确的邮箱格式"
          },
          txtAddress: {
            required: "*请输入地址"
          },
          txtPhone: {
            required: "*请输入手机号码"
          }
        }
      });

easyui 节省了费用产品的时间和范围。

干什么明明自家输入的五次密码是大同小异的还直接提醒作者呢?试过分歧的浏览器和见仁见智版本的validate都以如此。

easyui 极度简单,不过意义万分强劲。

不晓得大家有未有相逢类似的难题,小编翻看了累累稿子,总计了弹指间消除难题的思路:

Jquery easyui是贰个不行好的ui框架,不过表单验证中向来不最常用的论断五个输出框中值相等的印证,所以自个儿做了下扩大。

  • 先去去查看html页面包车型地铁四个password型是或不是都赋值id了。
  • 依然寻找下页面是或不是留存三个txtPass的id。
  • 依然你先将equalTo去掉,在重新验证下,看看是不是有存在任何错误,未有在倒回来排查那几个地点。
/**
* @author yukaizhao
*/
$.extend($.fn.validatebox.defaults.rules, { 
/*必须和某个字段相等*/
equalTo: {
validator:function(value,param){
return $(param[0]).val() == value;
},
message:'字段不匹配'
}
}); 

企望那篇小说能够给大家有个别启示,谢谢大家的阅读,作者一定会主动。

接纳示例:

您或者感兴趣的文章:

  • jQuery完结6位数字密码输入框
  • jQuery Easyui 验证三回密码输入是否等于
  • jquery.cookie.js 操作cookie完成记住密码成效的完结代码
  • JQuery记住客户名和密码的具体贯彻
  • 依附JQuery的密码强度验证代码
  • 使用Jquery搭建最棒顾客体验的报到页面之记住密码自动登入作用(含后台代码)
  • IE下帮忙文本框和密码框placeholder效果的JQuery插件分享
  • JQuery记住客户名密码实现下一次自动登陆作用
  • jquery 达成密码框的显得与潜伏示例代码
  • jquery 手势密码插件

密码:

<input id="password" name="password" validType="length[4,32]" class="easyui-validatebox" required="true" type="password" value=""/>
<br/>

确认密码:

<input type="password" name="repassword" id="repassword" required="true" class="easyui-validatebox" validType="equalTo['#password']" invalidMessage="两次输入密码不匹配"/> 

将validType属性内定为equalTo['#password']即可。

自然使用那个小插件,一定要先援引jquery easyui的js库。

以上内容是我给我们介绍的jQuery Easyui 验证五次密码输入是不是等于的连锁文化,希望对大家全部扶助,借使我们想询问越来越多新闻敬请关怀脚本之家网址,谢谢!

你恐怕感兴趣的稿子:

  • jQuery表单验证之密码确认
  • jQuery密码强度验证控件使用详解
  • jQuery Password Validation密码验证
  • jquery判定密码强度的辨证代码
  • 据悉JQuery的密码强度验证代码
  • jQuery+ajax完毕修改密码验证成效实例详解

本文由王中王开奖结果发布于网络应用,转载请注明出处:表明五回密码输入是或不是等于,jquery决断输入

关键词:

上一篇:没有了
下一篇:没有了