javascript - 1000hz Bootstrap 验证无法正常工作

Question

我正在使用 1000hz bootstrap validation 实现验证。一切都很顺利，除了两件事 -

1).即使我输入相同的两个密码，data-match 也不起作用。这是代码-

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script type="text/javascript" src="../js/login-reg.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/1000hz-bootstrap-validator/0.9.0/validator.min.js"></script>

<div class="form-group">
  <input type="password" name="inputPassword" data-minlength="6" id="password" tabindex="1" class="form-control" placeholder="password" value="" required>
  <div class="help-block">Minimum of 6 characters</div>
</div>
<div class="form-group has-feedback">
  <input type="password" name="confirm-password" id="confirm-password" tabindex="1" class="form-control" placeholder="confirm password" value="" data-match="#inputPassword" data-match-error="Whoops, these don't match" required>
  <span class="glyphicon form-control-feedback"></span>
  <div class="help-block with-errors"></div>
</div>
<div class="form-group">
  <div class="row">
   <div class="col-sm-6 col-sm-offset-3">
    <input type="submit" name="register-submit" id="register-submit" tabindex="4" class="form-control btn btn-register" value="Register Now">
   </div>
  </div>
</div>

我用谷歌搜索了它，我得到了一个涉及类似问题的问题 here 。我查看了同一页面上 1000hz 提供的解决方案，并检查了我的代码，但无法解决我的问题。请告诉我我做错了什么？

2).当我仅输入 example@gmail (这么多)时，它会验证电子邮件是否正确。它不应该也验证 .com 吗？

<div class="form-group">
   <input type="email" name="email" id="Email" tabindex="1" class="form-control" placeholder="email" value="" data-error="Email address is invalid" required>
   <div class="help-block with-errors"></div>
</div>

我的意思是电子邮件地址就像这样 example@gmail.com 所以它有三个主要部分 - @之前，@之后的一些文本 >最后是.com。当我输入 example@ 时，它显示“电子邮件无效”，我也同意，但当我输入 example@g 时，没有显示任何警报。这是验证电子邮件地址的正确方法吗？或者我说的是有道理的吗？验证电子邮件地址的正确方法是什么？

PS-请访问网站并尝试编写 example@ 和 example@g。

Answer 1

1) 你写的
data-match="#inputPassword"

但是“#”符号通常对应于元素的id，而不是名称。不确定您的情况，但值得检查。

2) 电子邮件验证很难正确执行，这只能进行基本检查，例如字符串中间某处有一个“@”符号。您必须自己使用一些更高级的框架或自定义脚本(或仅后端)执行其他检查(例如是否有 .com)，抱歉!

编辑:最后一个声明的来源: http://formvalidation.io/validators/emailAddress/#is-ab-valid-email-address