Twitter bootstrap 比较密码验证答案

【问题标题】：Twitter bootstrap compare password validationTwitter bootstrap 比较密码验证
【发布时间】：2013-11-07 05:51:58
【问题描述】：

我已经使用 twitter bootstrap 完成了一个基本表单。我还能够执行一些验证。

<form class="form-signin">            
<input type="email" class="input-block-level" placeholder="Email address" required="">
<input type="password" class="input-block-level" placeholder="Password" required="">
<input type="password" class="input-block-level" placeholder="ConfirmPassword" required="">
<button class="btn btn-large btn-primary" type="submit">Sign in</button>
</form>

在我搜索的众多示例中，没有人使用比较密码验证。我想知道除了使用 j 查询验证器之外，twitter bootstrap 中是否有比较密码验证？是否可以通过使用 css 而不是使用 form.validate() 脚本来比较密码验证？

谢谢

【问题讨论】：

请注意，您只需要required 而不是required=""
@Ohgodwhy thnx 老兄。
@Ohgodwhy 你能帮我比较一下密码验证吗？

标签： jquery css validation twitter-bootstrap

【解决方案1】：

你不能用cssvalidate a form，如果你不想要jquery validate plugin那么你可以试试，

$('form').on('submit',function(){
   if($('#pass').val()!=$('#cpass').val()){
       alert('Password not matches');
       return false;
   }
   return true;
});

HTML

<form class="form-signin">
    <input type="email" class="input-block-level" placeholder="Email address" required="">
    <input id="pass" type="password" class="input-block-level" placeholder="Password" required="">
    <input id="cpass" type="password" class="input-block-level" placeholder="ConfirmPassword" required="">
    <button class="btn btn-large btn-primary" type="submit">Sign in</button>
</form>

【讨论】：

【解决方案2】：

HTML：

<input type="password" class="input-block-level" placeholder="Password" required="" id="psd">
<input type="password" class="input-block-level" placeholder="ConfirmPassword" required="" id="confirmPsd">

为了更方便，我加了id。

JS：

$('button').on ('click', function () {
if ($('#confirmPsd').val() === $('#psd').val()) {
  alert("Equal");
  return true;
}
else {
  alert("don't matches");
 return false;
}
})

【讨论】：

$('#confirmPsd') 缺少#