【发布时间】:2013-07-12 12:31:26
【问题描述】:
Jquery .validate 函数无法正常工作。
第一次在页面加载时,如果单击提交按钮,则不会验证任何内容,即使表单输入为空。即使在 $(document).ready(function()) 中调用了 validate 函数,表单也会被提交
我有一个表单,其中所有输入类型都在 div 名称中定义,例如,'targetListDiv'
$("#saveTargetList").on('click', function(e) {
if (!$("#targetListDiv").validate()) { // Not Valid
return false;
}
$.ajax({
url : 'example.htm',
type: 'POST',
contentType: "application/json; charset=utf-8",
dataType : 'json',
data: JSON.stringify(data),
success: function (text) {
alert(text);
}, error: function(text){
alert(text);
});
即使有错误,表单也会被提交。
没有向客户显示错误。但是,如果我点击一个文本框并假设最小长度为 7,而我只输入 5 个字符,则会显示错误。
如果有办法防止这种情况,请告诉我。
谢谢。
【问题讨论】:
-
请同时添加您的html代码
-
e.preventDefault() 也能解决你的问题
-
jQuery .validate() 是一个插件,不是 jQuery“普通”.js 文件的一部分,所以你也需要那个 .js。 (以防万一它的问题)
-
谢谢大家。我刚刚发现了这个问题。我错过了导致问题的所有输入字段中的“名称”属性。包含名称参数后,问题已解决。验证功能开始正常工作。
-
@ram 你也可以回答并关闭它
标签: jquery ajax validation