JS脚本onsubmit应该不提交也执行提交表单?
<html>
<head>
<title></title>
<script type="text/javascript">
function checksubmit(){
var strName=document.getElementById("name").value;
var strAge=document.getElementById("age").value;
var strAddress=document.getElementById("sadress").value;
var strPhone=document.getElementById("sphone").value;
var strSchool=document.getElementById("school").value;
if(strName.length==0){
alert("姓名不能为空!");
strName.focus();
return false;
}
if (strAge.length==0) {
alert("年龄不能为空!");
strAge.focus();
return false;
}
if(strAddress.length==0){
alert("住址不能为空!");
strAddress.focus();
return false;
}
if(strPhone.length!=11){
alert("联系电话不能为空或手机号码格式有误!!");
strPhone.focus();
strPhone.select();
return false;
}
if(strSchool.length==0){
alert("学校不能为空!");
strSchool.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form name="frm" action="zw.action" method="post" onsubmit="return checksubmit()">
<h2>新生注册</h2>
<table>
<tr>
<td>姓名:</td>
<td><input id="name" type="text" name="stu.sname"></input> </td>
</tr>
<tr>
<td>年龄:</td>
<td><input id="age" type="text" name="stu.sage"></input> </td>
</tr>
<tr>
<td>住址:</td>
<td><input id="sadress" type="text" name="stu.sadress"></input> </td>
</tr>
<tr>
<td>联系电话:</td>
<td><input id="sphone" type="text" name="stu.sphone"></input> </td>
</tr>
<tr>
<td>所在学校:</td>
<td><input id="school" type="text" name="stu.school"></input> </td>
</tr>
</table>
<input type="submit" value="注册" />
</form>
</body>
</html>
注册页面有空文本的话应该是不提交的啊?为什么他总是自动提交了?不懂什么情况了
------解决方案--------------------<form name="frm" action="zw.action" method="post" >
<input type="button" value="注册" onclick="checksubmit()"/><!--改成这样-->
------解决方案--------------------var strName=document.getElementById("name").value;
//......
strName.focus();
你看你的strName是一个String值,怎么可能有focus()方法呢
改为
var inputName = document.getElementById("name").focus();
var strName = inputName.value;
//.....
inputName .focus();
其它几个参数同理
------解决方案--------------------<input type="button" value="注册" onclick="checksubmit()"/>
function ch