Geek Tantra的jQuery Live Form验证

时间:2014-06-26 18:27:54

标签: jquery validation

我正在使用Geek Tantra jQuery Live Form Validation here:

Geek Tantra网站高级演示:Click Here

Geek Tantra网站项目存储库:Click Here

我还制作了JsFiddle here:

我要做的是在页面底部弹出一条消息,指出如果ANY字段有错误,页面上会出现错误。我在JsFiddle中编写了一个例子。

我尝试在验证码中添加“标志”,例如:

<script>
jQuery(function(){
errorFlag = FALSE;
jQuery("#ValidField").validate({
expression: "if (VAL){ return true; errorFlag = TRUE;} else return false;",
message: "Please enter the Required field"
});
jQuery("#ValidNumber").validate({
expression: "if (!isNaN(VAL) && VAL){ return true; errorFlag = TRUE;} else return false;",
message: "Please enter a valid number"
});
jQuery("#ValidInteger").validate({
expression: "if (VAL.match(/^[0-9]*$/) && VAL){ return true; errorFlag = TRUE;} else return false;",
message: "Please enter a valid integer"
});
jQuery("#ValidDate").validate({
expression: "if (!isValidDate(parseInt(VAL.split('-')[2]), parseInt(VAL.split('-')[0]), parseInt(VAL.split('-')[1]))) return false; else return true;",
message: "Please enter a valid Date"
});
jQuery("#ValidEmail").validate({
expression: "if (VAL.match(/^[^\\W][a-zA-Z0-9\\_\\-\\.]+([a-zA-Z0-9\\_\\-\\.]+)*\\@[a-zA-Z0-9_]+(\\.[a-zA-Z0-9_]+)*\\.[a-zA-Z]{2,4}$/)){ return true; errorFlag = TRUE;} else return false;",
message: "Please enter a valid Email ID"
});
jQuery("#ValidPassword").validate({
expression: "if (VAL.length > 5 && VAL){ return true; errorFlag = TRUE;} else return false;",
message: "Please enter a valid Password"
});
jQuery("#ValidConfirmPassword").validate({
expression: "if ((VAL == jQuery('#ValidPassword').val()) && VAL){ return true; errorFlag = TRUE;} else return false;",
message: "Confirm password field doesn't match the password field"
});
jQuery("#ValidSelection").validate({
expression: "if (VAL != '0'){ return true; errorFlag = TRUE;} else return false;",
message: "Please make a selection"
});
jQuery("#ValidMultiSelection").validate({
expression: "if (VAL){ return true; errorFlag = TRUE;} else return false;",
message: "Please make a selection"
});
jQuery("#ValidRadio").validate({
expression: "if (isChecked(SelfID)){ return true; errorFlag = TRUE;} else return false;",
message: "Please select a radio button"
});
jQuery("#ValidCheckbox").validate({
expression: "if (isChecked(SelfID)){ return true; errorFlag = TRUE;} else return false;",
message: "Please check atleast one checkbox"
});
jQuery('.AdvancedForm').validated(function(){
if (errorFlag = TRUE) alert("Error on page.");
else alert("Use this call to make AJAX submissions.");
});
});
<script>

......哪些不起作用。

我这样做是因为我的表格很长。如果您位于表单底部,请点击“提交”,并在页面上出现错误,没有任何反应。用户被认为表单不起作用。如果你正确填写所有字段除了第一个字段(留空),我的JsFiddle就会显示一个很好的例子。

提前谢谢。

0 个答案:

没有答案