检查密码是否匹配
Check if Passwords Match
在让用户继续之前,如何确保密码字段匹配?
<input name="pass" id="pass" type="password" />
<input type="password" name="cpass" id="cpass" /> <span id='message'></span>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
$('#pass, #cpass').on('keyup', function () {
if ($('#pass').val() == $('#cpass').val()) {
$('#message').html('Matching').css('color', 'green');
}
else $('#message').html('Not Matching').css('color', 'red');
});
</script>
<input type="text" name="phone" id="phone">
使用 jquery,您可以删除电话输入的 disable 属性:
<input type="text" name="phone" id="phone" disabled />
$('#pass, #cpass').on('keyup', function () {
if ($('#pass').val() == $('#cpass').val()) {
$('#message').html('Matching').css('color', 'green');
$("#phone").prop('disabled', false);
}
else $('#message').html('Not Matching').css('color', 'red');
});
您可以通过将属性disabled
添加到电话字段的输入来根据条件启用禁用文本框:
$('#pass, #cpass').on('keyup', function () {
if ($('#pass').val() == $('#cpass').val()) {
$('#message').html('Matching').css('color', 'green');
$("#phone").removeAttr("disabled");
}
else {
$('#message').html('Not Matching').css('color', 'red');
$("#phone").attr("disabled", "disabled");
}
});
工作演示
相关文章:
- 如何在ajax中检查密码是否小于8个字符
- 当启用false或删除chrome扩展时,是否可以询问密码
- 如何判断一个密码是否等于另一个密码
- JavaScript 在表单中注入密码是否安全
- 验证密码字段是否为空
- 检查密码是否匹配
- jQuery 验证 - 检查两个密码是否相等
- 是否可以在不使用帐户密码包的情况下获取流星用户ID
- 键入时检查密码是否匹配
- 检查密码是否与jquery匹配
- 确定rar文件是否受密码保护
- HTTPS协议的前端(客户端浏览器)是否需要密码加密
- 解析:如何知道用户是否有密码
- 检查primefaces + javascript中的密码是否匹配
- 是否有可能简化这个密码正则表达式
- 当我检查两个密码是否匹配时,没有定义样式属性
- 检查密码是否等于jQuery
- 业务催化剂:是否可以提交密码检索请求表单并通过AJAX显示结果密码检索确认页面?
- 验证密码输入类型框上的输入是否正确,显示将链接到另一个页面的按钮
- 检查密码是否只包含字母、数字或一些额外字符