2023年6月21日发(作者:)

HTMLJS拦截表单错误提交form 表单每次提交前都要验证内容有⽆填写还有填写的正确与否这些 可以⽤Ajax提交代替 form表单提交,但是有些提交可能必须是 form 表单提交 (根据已有经验,勿喷!)⽐如说 ⽂件上传enctype="multipart/form-data" ⽂件上传必须加表单提交按钮那⾥ type="button" οnclick="return CheckPost();" 再写⼀个检查的 js ⽅法

<%--默认没上传为0--%>

#addForm 为表单的name属性function CheckPost() {var brandText = mentById("brandText").value;var uploadDriver = mentById("uploadDriver").value;if (uploadDriver != ""){ mentById("exist").value = 1; }if (brandText == ""){ alert("请填写品牌名!"); (); return false; }if (uploadData == ""){ alert("请上传数据⽂件!"); (); return false;}(); //重点 没有返回false 就提交了}为了兼容⽕狐浏览器(⽕狐浏览器⽆法点击上传⽂件按钮) $('#btnup1').click(function(event) { $('#uploadDriver').click(); }); //capture selected filename $('#uploadDriver').change(function(click) { $('#textup1').val(); });按回车键提交jQuery(document).bind('keyup', function(e) { if (e == 13) { jQuery("#chipbtn").click();//点击登录 } });本来我⽤ required

来检查提交前是否有上传⽂件

An invalid form control with name='uploadDriver' is not focusable表单元素隐藏时, ⽆法⽤ required

2023年6月21日发(作者:)

HTMLJS拦截表单错误提交form 表单每次提交前都要验证内容有⽆填写还有填写的正确与否这些 可以⽤Ajax提交代替 form表单提交,但是有些提交可能必须是 form 表单提交 (根据已有经验,勿喷!)⽐如说 ⽂件上传enctype="multipart/form-data" ⽂件上传必须加表单提交按钮那⾥ type="button" οnclick="return CheckPost();" 再写⼀个检查的 js ⽅法 <%--默认没上传为0--%>

#addForm 为表单的name属性function CheckPost() {var brandText = mentById("brandText").value;var uploadDriver = mentById("uploadDriver").value;if (uploadDriver != ""){ mentById("exist").value = 1; }if (brandText == ""){ alert("请填写品牌名!"); (); return false; }if (uploadData == ""){ alert("请上传数据⽂件!"); (); return false;}(); //重点 没有返回false 就提交了}为了兼容⽕狐浏览器(⽕狐浏览器⽆法点击上传⽂件按钮) $('#btnup1').click(function(event) { $('#uploadDriver').click(); }); //capture selected filename $('#uploadDriver').change(function(click) { $('#textup1').val(); });按回车键提交jQuery(document).bind('keyup', function(e) { if (e == 13) { jQuery("#chipbtn").click();//点击登录 } });本来我⽤ required

来检查提交前是否有上传⽂件

An invalid form control with name='uploadDriver' is not focusable表单元素隐藏时, ⽆法⽤ required