欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

关于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();
	}	
}  

 希望对大家有帮助