参考:jqueryvalidate与onsubmit的冲突小记 - 第一PHP社区 https://www.php1.cn/detail/jqueryvalidate_Yu_onsubmit_DeChongTuXiaoJi.html
给jsp页面一个输入框加校验,但是这个表单原来本身是直接用的jqery写法的提交进行的属性的校验,但是现在要求要给其中一个输入框的内容进行自定义校验,我尝试加js的提交函数,但是它只跑js不跑jq的代码,后面参考到上面这位大佬的文章解决问题。
(1)jq组件校验:
<script>
$().ready(function() {
// 提交时验证表单
var validator = $("#form1").validate({
messages: {
attribute1: {
required: " (必需字段)",
minlength: " (不能少于 3 个字母)"
},
attribute2: {
required: " (必需字段)",
minlength: " (字母不能少于 5 个且不能大于 12 个)",
maxlength: " (字母不能少于 5 个且不能大于 12 个)"
},
attribute3: {
required: " (必需字段)",
maxlength: " (最多填写250字)"
}
}, submitHandler: function (form){ return check(form); }
});
});
</script>
(2)提交函数:
<script language="JavaScript">
function check(form1)
{
//验证
var isZmPattern = RegExp(省略);
var isNumPattern = RegExp(省略);
if(isZmPattern.test(form1.attribute2.value) || isNumPattern.test(form1.attribute2.value)){
alert("省略");
form1.attribute2.value ="";
form1.attribute2.focus;
return false;
}
form1.submit();
}
</script>
(3)表单:
<form>
//省略
<input type="submit" name="Submit" value="确 定" class=button >
//省略
</form>