关于a标签提交表单,submit与onsubmit冲突的解决方案
程序员文章站
2022-06-10 10:07:34
...
最近在做验证的时候遇到了submit()与onsubmit()事件冲突的问题,本来想在a标签中添加submit()进行表单的提交,然后在form中添加onsubmit事件触发验证方法。结果行不通,最后只能选择在java script中进行表单的提交。方案如下:
设置form头部如下:添加id是为了在java script脚本中进行中获取form对象
<form method="post" action="AdminServlet" id="Loginform" >
在a标签中添加onClick()事件,触发java script表单验证的方法loginLayoutValidate()
<a href="javascript:void(0)" onClick="loginLayoutValidate()"/>
验证方法loginLayoutValidate()的代码如下:
function loginLayoutValidate(){ var userName=document.getElementById("userName"); var passWord= document.getElementById("passWord"); var validateCode=document.getElementById("validateCode"); if(userName.value.trim()==""){ alert("用户名不能为空"); return ; } else if(passWord.value.trim()==""){ alert("密码不能为空"); return ; } else if(validateCode.value.trim()==""){ alert("请输入验证码"); return ; } else{ document.getElementById("Loginform").submit(); } }
希望对大家有帮助