jquery的表单验证问题

最新推荐文章于 2022-07-30 17:29:30 发布

原创最新推荐文章于 2022-07-30 17:29:30 发布 · 860 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#jquery #function

本文深入探讨了表单验证中常见的问题，特别是容易忽视的小细节如逗号的作用，通过实例展示了如何使用jQuery设置默认提交处理和验证规则，确保用户输入的数据符合预期格式。重点强调了对特定字段长度的限制，以及错误信息的个性化提示，以提升用户体验。

如果发现自己的表单验证不起作用，但是写了

注意找那些最易忽略的地方例如小小的逗号

$.validator.setDefaults({
	submitHandler: function() {
	waitSubmit();
	mainForm.submit();
}
});
$().ready(function() {
	if(window.screen.availHeight <= "600"){
		$(".apply_main").attr("style","align:left;width:700px;height:350px;overflow:auto;");
		init('450px','300px');
		$("#sCont2").attr("style","height:300px");
	}
	if("${applyCailDetAsso.applyTitle}" == ""){
    	addRow('productTable', 'setTr');
    }

	stringValidator();
	fmtTableBackground(document.getElementById("commonTable"));
				$("#mainForm").validate({
					rules: {
						"applyCailDetAsso.applyCailDet.parameterCh": {
							required: true,
							byteRangeLength: [0,200]
						},
						"applyCailDetAsso.applyCailDet.parameterEn": {
							required: true,
							byteRangeLength: [0,200]
						},
						"applyCailDetAsso.codeString": {
							required: true
						},
						"applyCailDetAsso.applyCailDet.begintime": {
							required: true
						},
						"applyCailDetAsso.applyCailDet.count": {
							required: true
						},     //次地方的逗号
					


					
					},
					messages: {
						"applyCailDetAsso.applyCailDet.parameterCh": {
							required: "【主要校准参量】内容未填写！",
							byteRangeLength: $.format('【主要校准参量】填写内容超长！最大应为{1}个字符（一个中文算3个字符）。')
						},
						"applyCailDetAsso.applyCailDet.parameterEn": {
							required: "【Parameter】内容未填写！",
							byteRangeLength: $.format('【Parameter】填写内容超长！最大应为{1}个字符。')
						}
						,                //例如这个地方的逗号最容易被忽略
						
					}
				});
			});