jQueryvalidation在Bootstrap 4中不起作用

我正在尝试使用Bootstrap 4和JQueryvalidation来实现表单validation，但似乎无法使其工作。

我的表单显示为modal dialog，如下所示：

 
 
 
 × 
Insert Unofficial Waypoint
 
 
 
 
 
Latitude
 
 
     Border  International   
 
 
 Cancel Save changes 
 
 
  
   

我在$(document).ready()添加了表单validation处理程序，如下所示：

 $("#theForm").validate({ rules: { airway: { required: true, minlength: 8 } }, messages: { airway: { required: "Please enter some data", minlength: "Your data must be at least 8 characters" } }, submitHandler: function (form) { alert('submitting!'); } }); 

症状：始终始终调用submitHandler，但validation永远不会发生。 确保在jquery.validate和jquery.addtionalmethods之前引用jquery。 不确定我做错了什么……

Answer 1

您的input元素都不包含name 。 如果要使用此插件，则考虑进行validation的任何元素都必须包含name属性，并且在通过rules对象声明规则时，将引用此name ，而不是id 。

查看文档 ：

“强制要求：所有需要validation的输入元素都需要’name’属性，如果没有这个，插件将无法工作。’name’属性也必须是表单的唯一属性，因为这是插件跟踪所有输入的方式元素“。