3

我已经使用 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() 脚本来比较密码验证吗？

谢谢

4

2 回答 2

4

你不能validate a form使用css，如果你不想要，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>
于 2013-11-07T05:57:58.660 回答
0

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;
}
})
于 2013-11-07T05:57:54.327 回答