使用validation程序jQueryvalidationClick事件上的表单

我正在使用jQueryvalidation来validation输入。 我的代码：

$('#button').click( function() { $("#form").validate({ rules: { phone: { required: true, number: true, rangelength: [7, 14] } } }); }); 

和HTML：

 
  
Send
  

此代码无效。 如果我添加这行jQuery

 $("#form").submit(); 

在click事件中它起作用。 但我不想提交表单，所以我只想在点击时进行validation。

有谁知道如何做到这一点？

Answer 1

只需添加.form()即可立即手动触发validation（默认行为等待提交事件）：

 $('#button').click( function() { $("#form").validate({ rules: { phone: { required: true, number: true, rangelength: [7, 14] } } }).form(); }); 

Answer 2

您的代码将函数绑定到按钮的click事件。 您正在做的是说“单击此按钮时，将表单validation应用于表单”。

这是使用validation插件的错误方法（我假设您正在使用此validation插件）。 相反，您只需将validation()方法直接执行到form元素上; 该插件负责submit事件。

因此，摆脱click事件绑定。

Answer 3

将form方法form()方法与click事件一起使用