表单验证不执行,直接跳转页面!求解

ack_81564050 2015-10-09 11:45:06
<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>
...全文
263 3 打赏 收藏 转发到动态 举报
写回复
用AI写文章
3 条回复
切换为时间正序
请发表友善的回复…
发表回复
街头小贩 2015-10-10
  • 打赏
  • 举报
回复

<!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>
ack_81564050 2015-10-10
  • 打赏
  • 举报
回复
<input type="submit" name="Submit" value="查询" / onclick="chkinput1(this.form)">

还是不行!! 一样直接跳转页面 表单是空的点击查询并不验证表单 直接跳转了
liusaint1992 2015-10-10
  • 打赏
  • 举报
回复

<input type="submit" name="Submit" value="查询" / onclick="chkinput1(this.form)">

87,955

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧