表单验证不执行,直接跳转页面!求解,该如何解决
表单验证不执行,直接跳转页面!求解
<script language="javascript">
function chkinput1(form){ //定义一个函数
if(form.sel.value==1){
if(form.info.value==""){ //判断usernc文本框中的值是否为空
alert("请输入用户姓名!"); //如果为空则输出“请输入用户昵称”
form.info.focus(); //返回到tel文本框
return(false);
}
}
if(form.sel.value==2){
if(form.info.value.length<11){
alert("请输入11位手机号码!");
form.info.focus();
return(false);
}
}
if(form.sel.value==2){
if(isNaN(form.info.value)){
alert("联系电话只能为数字!");
form.info.focus();
return(false);
}
}
if(form.sel.value==3){
if(form.info.value==""){
alert("请输入联系QQ!");
form.info.focus();
return(false);
}
}
if(form.sel.value==3){
if(isNaN(form.info.value)){
alert("QQ只能为数字!");
form.info.focus();
return(false);
}
return(true); //提交表单
}
</script>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<form name="form" id="form" method="post" action="selectuser.php" onSubmit="return chkinput1(this)">
<tr>
<td width="43%" height="36"> </td>
<td height="36" colspan="2"> </td>
</tr>
<tr>
<td height="36" align="right"><span class="STYLE3">查询条件:</span></td>
<td width="11%" height="36" align="left"><select name="sel" id="sel">
<option value="1">姓名</option>
<option value="2">电话</option>
<option value="3">QQ</option>
</select> </td>
<td width="46%" align="left"><input name="info" type="text" id="info" /></td>
</tr>
<tr>
<td height="36" align="right" valign="bottom"><input type="reset" name="Submit1" value="重置" /></td>
<td height="36" colspan="2" valign="bottom">
<input type="submit" name="Submit" value="查询" /></td>
------解决思路----------------------
<script language="javascript">
function chkinput1(form){ //定义一个函数
if(form.sel.value==1){
if(form.info.value==""){ //判断usernc文本框中的值是否为空
alert("请输入用户姓名!"); //如果为空则输出“请输入用户昵称”
form.info.focus(); //返回到tel文本框
return(false);
}
}
if(form.sel.value==2){
if(form.info.value.length<11){
alert("请输入11位手机号码!");
form.info.focus();
return(false);
}
}
if(form.sel.value==2){
if(isNaN(form.info.value)){
alert("联系电话只能为数字!");
form.info.focus();
return(false);
}
}
if(form.sel.value==3){
if(form.info.value==""){
alert("请输入联系QQ!");
form.info.focus();
return(false);
}
}
if(form.sel.value==3){
if(isNaN(form.info.value)){
alert("QQ只能为数字!");
form.info.focus();
return(false);
}
return(true); //提交表单
}
</script>
------------------------------------------------------------------------------------------------------------------------------------------------------------------------
<form name="form" id="form" method="post" action="selectuser.php" onSubmit="return chkinput1(this)">
<tr>
<td width="43%" height="36"> </td>
<td height="36" colspan="2"> </td>
</tr>
<tr>
<td height="36" align="right"><span class="STYLE3">查询条件:</span></td>
<td width="11%" height="36" align="left"><select name="sel" id="sel">
<option value="1">姓名</option>
<option value="2">电话</option>
<option value="3">QQ</option>
</select> </td>
<td width="46%" align="left"><input name="info" type="text" id="info" /></td>
</tr>
<tr>
<td height="36" align="right" valign="bottom"><input type="reset" name="Submit1" value="重置" /></td>
<td height="36" colspan="2" valign="bottom">
<input type="submit" name="Submit" value="查询" /></td>
------解决思路----------------------
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>open source</title>
<script type="text/javascript">
function chkinput1(form){ //定义一个函数
if(form.sel.value==1){
if(form.info.value==""){ //判断usernc文本框中的值是否为空
alert("请输入用户姓名!"); //如果为空则输出“请输入用户昵称”
form.info.focus(); //返回到tel文本框
return false;
}
}
if(form.sel.value==2){
if(form.info.value.length<11){
alert("请输入11位手机号码!");
form.info.focus();
return false;
}
if(isNaN(form.info.value)){
alert("联系电话只能为数字!");
form.info.focus();
return false;
}
}
if(form.sel.value==3){
if(form.info.value==""){
alert("请输入联系QQ!");
form.info.focus();
return false;
}
if(isNaN(form.info.value)){
alert("QQ只能为数字!");
form.info.focus();
return false;
}
}
return true; //提交表单
}
</script>
</head>
<body>
<table>
<form name="form" id="form" method="post" action="selectuser.php" onSubmit="return chkinput1(this)">
<tr>
<td width="43%" height="36"> </td>
<td height="36" colspan="2"> </td>
</tr>
<tr>
<td height="36" align="right"><span class="STYLE3">查询条件:</span></td>
<td width="11%" height="36" align="left"><select name="sel" id="sel">
<option value="1">姓名</option>
<option value="2">电话</option>
<option value="3">QQ</option>
</select> </td>
<td width="46%" align="left"><input name="info" type="text" id="info" /></td>
</tr>
<tr>
<td height="36" align="right" valign="bottom"><input type="reset" name="Submit1" value="重置" /></td>
<td height="36" colspan="2" valign="bottom">
<input type="submit" name="Submit" value="查询" /></td>
</tr>
</form>
</table>
</body></html>