密码确认密码

标签（空格分隔）：密码验证

带有比较复杂的密码验证方式，比如具备大小写

<!DOCTYPE html>
<html lang="en">
<head><meta charset="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1.0"/><title>设备管理系统|密码修改</title><link href="../../node_modules/bootstrap/dist/css/bootstrap.min.css" rel="stylesheet"/><link href="../../node_modules/font-awesome/css/font-awesome.css" rel="stylesheet"/><!-- 界面动画效果 --><link href="../../node_modules/animate.css/animate.css" rel="stylesheet"/>   <!-- H++ CSS样式 --><link href="../css/style.css" rel="stylesheet"/>
</head><body class="gray-bg"><div class="wrapper wrapper-content animated fadeInRight"><div class="row"><div class="col-sm-12"><div class="ibox float-e-margins"><div class="ibox-content"><form class="form-horizontal" id="modifyPasswordForm"><div class="form-group"><label class="col-sm-2 control-label">原密码</label><div class="col-sm-6"><input type="password" name="originalPassword" id="originalPassword" class="form-control"></div></div><div class="form-group"><label class="col-sm-2 control-label">新密码</label><div class="col-sm-6"><input type="password" name="newPassword" id="newPassword" class="form-control"></div></div><div class="form-group"><label class="col-sm-2 control-label">确认密码</label><div class="col-sm-6"><input type="password" name="confirmPassword" id="confirmPassword" class="form-control"></div></div><div class="form-group"><div class="col-sm-4 col-sm-offset-2"><button class="btn btn-primary" id="confirm">确认</button><a class="btn btn-default" id="cancel">取消</a></div></div></form></div></div></div></div></div><!-- 全局js --><script src="../../node_modules/jquery/dist/jquery.min.js"></script><script src="../../node_modules/bootstrap/dist/js/bootstrap.min.js"></script><script src="../js/jquery.validate.min.js"></script><script src="../../node_modules/layui-layer/dist/layer.js"></script><!-- 自定义js --><script src="../js/content.js"></script><script src="../js/modifyPassword.js"></script>
</body>
</html>

 //用户名必须需包含数字和大小写字母中至少两种$.validator.addMethod("passwordrule", function(value, element) {var userblank = /^(?![0-9]+$)(?![a-z]+$)(?![A-Z]+$)[0-9A-Za-z]{6,10}$/;return this.optional(element) ||(userblank.test(value));}, "需包含数字和大小写字母中至少两种字符的5-10位字符");$("#modifyPasswordForm").validate({rules: {originalPassword: "required",newPassword: {required: true,minlength:6,passwordrule: true},confirmPassword:{required: true,minlength:6,equalTo:"#newPassword"}},messages: {originalPassword: "请输入您的原始登陆密码",newPassword:{required: "请输入您的新密码",minlength:"请输入最少为6为字符",passwordrule: "为了保证您的账号安全，需包含数字和大小写字母中至少两种字符的6-10位字符!"},confirmPassword: {required: "请输入您的确认密码",minlength:"请输入最少为6为字符",equalTo:"两次密码输入不一致"},},submitHandler: function(){layer.msg("密码修改成功");}});//当点击“取消按钮时执行”$('#cancel').click(function () {location.reload(true);//刷新当前页面});

表单验证这message信息是通过input里name属性获取的而不是id，表单里的提交必须要是button，否则不提交

js密码输入与确认密码验证功能相关推荐

html中确认密码怎么,HTML确认密码
今天准备分享一个小知识点,就是确认登录界面输入户名: 输入密码: 确认密码: function validate() { var pw1 = document.getElementById(&quo ...
java 密码提交前判断_JSP中如何写密码输入和核实密码时正确与否的Java判断代码?...
jsp中判断两次输入的密码是否相同的方法是通过js实现的. 在两个文本框里添加onchange事件,在文本框的内容一发生变化时就触发该事件,而判断就写在这个事件之内就可以了. function che ...
MAC AppStore 登录的时候密码输入后，双重验证没有验证码输入框，登录不了
解决方法:输入账号和密码后,主设备拿到双重验证码以后.在密码后面直接输入验证码然后登录. 例如 ID 密码为Abc123456 双重验证码为123456 密码输入框输入Abc12345612345 ...
html滑动验证图片,js实现移动端图片滑块验证功能
之前写过一篇uniapp框架的滑块验证,今天抽个空用原生js实现这个功能,pc端暂时不做,因为pc端只要把touch事件改成mouse事件就能实现,这里就不再重复写了. (最新完美版本,js+canv ...
html中验证密码中是包含字母,在JavaScript中确认密码验证
在JavaScript中确认密码验证在本章中,我们将讨论使用JavaScript进行密码验证.每当用户在任何网站或应用上创建帐户时,我们都需要验证密码.因此,我们必须验证有效的密码并进行确认密码验证 ...
android网络编程登录和验证,ASP.NET实现用户注册和验证功能（第4节）
在前几篇文章中小编已经为大家分享几篇关于验证控件实现的文章,今天我们再具体为用户登录页面添加输入数据验证功能和验证码功能. 学习内容 1.创建ASP.NET应用程序. 在E:\Solution1目录下 ...
如何重新设置苹果id密码_苹果ID密码忘记应该怎么做
iPhone是Apple开发的一系列智能手机,配备了Apple开发的iOS移动操作系统.如果忘记了计算机密码,也可以找到网络管理员,但是如果忘记了手机ID密码,则只能自己解决.让我们看看如果您忘记了A ...
联想台式计算机设置双层密码,联想电脑怎样设密码？联想电脑设置密码方法步骤【图文】...
现代人最重要的是什么呢?在笔者看来是隐私.如今由于我们的社会比较发达,而信息传播的速度有非常广泛,加上各种隐私被盗取或者偷窥,让现代人的生活总是充斥着不安,所以我们各类的电子设备诸如手机,电脑加密是 ...
联想计算机如何设置用户名和密码,联想电脑怎样设密码？联想电脑设置密码方法步骤【图文】...
现代人最重要的是什么呢?在笔者看来是隐私.如今由于我们的社会比较发达,而信息传播的速度有非常广泛,加上各种隐私被盗取或者偷窥,让现代人的生活总是充斥着不安,所以我们各类的电子设备诸如手机,电脑加密是 ...

js密码输入与确认密码验证功能

密码确认密码

js密码输入与确认密码验证功能相关推荐

最新文章

热门文章