使用带有formvalidator.net的jquery 3x不会显示任何验证错误_Jquery_Bootstrap 4_Jquery Form Validator_Jquery 3

使用带有formvalidator.net的jquery 3x不会显示任何验证错误

jquery bootstrap-4

使用带有formvalidator.net的jquery 3x不会显示任何验证错误,jquery,bootstrap-4,jquery-form-validator,jquery-3,Jquery,Bootstrap 4,Jquery Form Validator,Jquery 3,我正在使用formvalidator.net中最新版本2.2x的Jquery插件以及bootstrap 4 jsfiddle： $.validate（）；名字电子邮件我无法找出我的HTML/javascript到底出了什么问题。我试过Bootstrap3，但也不起作用 ps：这是我第一次创建HTML表单。尝试使用以下代码，在fiddle中添加此cdn表单验证程序js，在not found中添加现有的一个，抛出404 <body> <script> fu

我正在使用formvalidator.net中最新版本2.2x的Jquery插件以及bootstrap 4

jsfiddle：


$.validate（）；
名字
电子邮件

我无法找出我的HTML/javascript到底出了什么问题。我试过Bootstrap3，但也不起作用

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

尝试使用以下代码，在fiddle中添加此cdn表单验证程序js，在not found中添加现有的一个，抛出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>


函数validateForm（）{
$.validate（）；
}
名字
电子邮件

Fiddle:

我想，我的初始化不正确

onclick=“validateForm（）；

为我解决了您提到的问题。

<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>