jqueryvalidate与onsubmit的冲突问题

参考: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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值