使用 jquery 3x 和 formvalidator.net 时没有显示验证错误

我正在使用 formvalidator.net 的最新版本 Jquery 插件 2.2x 以及引导程序 4。

JSFIDDLE ： https://jsfiddle.net/adarshmadrecha/ckpLsqod

<body>
<script>
$.validate();
</script>
<div class="container mt-5">
<form>
  <div class="form-group">
    <label for="#txt01"> First Name </label>
    <input type="text" id="txt01" class="form-control" data-  validation="length alphanumeric" data-validation-length="min4">
  </div>
  <div class="form-group">
    <label for="#txt02"> Email </label>
    <input type="text" id="txt02" class="form-control" data-validation="email">
  </div>
  <div class="form-group">
    <input type="button" class="btn btn-info" value="Submit">
  </div>
</form>
</div>
</body>

我无法弄清楚我的HTML/javascript到底出了什么问题。我尝试了Bootstrap 3，但也没有用。

ps：这是我第一次创建HTML表单。

尝试使用以下代码，添加这个CDN表单验证器JS https://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js 在你的小提琴，现有的一个在找不到，抛出404。

<body>
  <script>
  function validateForm(){
    $.validate();
  }
  </script>
  <div class="container mt-5">
    <form>
      <div class="form-group">
        <label for="#txt01"> First Name </label>
        <input type="text" id="txt01" class="form-control" data-validation="length alphanumeric" data-validation-length="min4">
      </div>
      <div class="form-group">
        <label for="#txt02"> Email </label>
        <input type="text" id="txt02" class="form-control" data-validation="email">
      </div>
      <div class="form-group">
        <input type="button" class="btn btn-info" value="Submit" onclick="validateForm();">
      </div>
    </form>
  </div>
</body>

小提琴： https://jsfiddle.net/ckpLsqod/11/

相关内容

最新更新

热门标签：