关于form表单验证未通过却提交的有关问题

关于form表单验证未通过却提交的问题

HTML code

&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;script language="JavaScript" type="text/javascript"&gt; function chk_reg_input(form) {    if(form.userName.value==""){    alert("请输入用户名");    form.username.focus();    return false;}     if(form.password.value==""){    alert("请输入密码");    form.password.focus();    return false;}        if(form.password_confirm.value==""){    alert("请输入密码");    form.password_conform.focus();    return false;}    if(form.password_confirm.value != form.password.value){    alert("两次密码不一致");    form.password.focus();    return false;}            if(form.email.value==""){    alert("请输入邮箱");    form.email.focus();        return false;}        if(form.user_title.value==""){    alert("请输入职务");    form.user_title.focus();    return false;    }    if(form.department.value==""){    alert("请输入单位");    form.department.focus();        return false;}         if(form.tel_num.value==""){    alert("请输入电话");    form.tel_num.focus();        return false;}        if(form.message.value==""){    alert("请输入备注信息");    form.message.focus();        return false;}                return  true; } &lt;/script&gt;&lt;style type="text/css"&gt; td { border-right: 1px solid #C1DAD7; border-bottom: 1px dashed #C1DAD7; padding: 7px 6px 6px 6px; color: #4f6b72; } &lt;/style&gt;&lt;link href="main.css" rel="stylesheet" type="text/css" /&gt;        &lt;div id="register" style=" align:center;text-align:center;margin-top:80px;margin-left:150px;background-image:url(../images/registerbg3.png);width:492px;height:500px;"&gt;             &lt;form action ="register2.php" method="post" name="register" onsubmit="return chk_reg_input(this.form)"&gt;                &lt;table style="margin:auto"&gt;                    &lt;tr&gt;                            &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;用户名:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="userName" size="20"/&gt; &lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                            &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;密码:&lt;/td&gt;                        &lt;td&gt;&lt;input type="password" name="password" size="20"/&gt; &lt;/td&gt;                    &lt;/tr&gt;                        &lt;tr&gt;                            &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;确认密码:&lt;/td&gt;                        &lt;td&gt;&lt;input type="password" name="password_confirm" size="20"/&gt; &lt;/td&gt;                    &lt;/tr&gt;                                        &lt;tr&gt;                                    &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;Email:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="email" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                            &lt;td style="width:2px;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;单位名称:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="department" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                                &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;职务:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="user_title" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                                &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;电话:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="tel_num" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                        &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;备注:&lt;/td&gt;                        &lt;td&gt;&lt;textarea name="message" rows="5"&gt;&lt;/textarea&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr align="center"&gt;&lt;td colspan="2" &gt;&lt;input type="image" name="submit" src="../images/register-icon.png" onClick="document.register.submit()"&gt;&lt;/td&gt;                    &lt;/tr&gt;                &lt;/table&gt;                &lt;/form&gt;        &lt;/div&gt;

form表单的register2.php里面就写了:
<?php
echo '<script type="text/javascript"> alert("恭喜您注册成功，您的账号需要管理员审核后才可以使用，目前还不能进行预约"); location.href="index.php"; </script>';

?>
但是现在的问题是，我的表单没有写完，比如没有填写电话，那么我点击提交按钮后，出现的情况是：首先弹出“请输入电话”，然后接着就弹出了register2.php文件里的"恭喜您注册成功，您的账号需要管理员审核后才可以使用，目前还不能进行预约" 这个提示框。所以这个问题就是说验证不成功却提交了表单，执行了register2.php文件。请问该怎么办呢？

[解决办法]

HTML code

&lt;meta http-equiv="Content-Type" content="text/html; charset=gb2312" /&gt;&lt;script language="JavaScript" type="text/javascript"&gt; function chk_reg_input(form) {     if(form.userName.value==""){    alert("请输入用户名");    form.userName.focus();    //1 处，userName写错了    return false;}     if(form.password.value==""){    alert("请输入密码");    form.password.focus();    return false;}        if(form.password_confirm.value==""){    alert("请输入密码");    form.password_confirm.focus();  //2 处，password_confirm写错了    return false;}    if(form.password_confirm.value != form.password.value){    alert("两次密码不一致");    form.password.focus();    return false;}            if(form.email.value==""){    alert("请输入邮箱");    form.email.focus();        return false;}        if(form.user_title.value==""){    alert("请输入职务");    form.user_title.focus();    return false;    }    if(form.department.value==""){    alert("请输入单位");    form.department.focus();        return false;}         if(form.tel_num.value==""){    alert("请输入电话");    form.tel_num.focus();        return false;}        if(form.message.value==""){    alert("请输入备注信息");    form.message.focus();        return false;}                return  true; } &lt;/script&gt;&lt;style type="text/css"&gt; td { border-right: 1px solid #C1DAD7; border-bottom: 1px dashed #C1DAD7; padding: 7px 6px 6px 6px; color: #4f6b72; } &lt;/style&gt;&lt;link href="main.css" rel="stylesheet" type="text/css" /&gt;        &lt;div id="register" style=" align:center;text-align:center;margin-top:80px;margin-left:150px;background-image:url(../images/registerbg3.png);width:492px;height:500px;"&gt;             &lt;form action ="register2.php" method="post" name="register" onsubmit="return chk_reg_input(this)"&gt;  &lt;!--   //3处，传递this即可 --&gt;                &lt;table style="margin:auto"&gt;                    &lt;tr&gt;                            &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;用户名:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="userName" size="20"/&gt; &lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                            &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;密码:&lt;/td&gt;                        &lt;td&gt;&lt;input type="password" name="password" size="20"/&gt; &lt;/td&gt;                    &lt;/tr&gt;                        &lt;tr&gt;                            &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;确认密码:&lt;/td&gt;                        &lt;td&gt;&lt;input type="password" name="password_confirm" size="20"/&gt; &lt;/td&gt;                    &lt;/tr&gt;                                        &lt;tr&gt;                                    &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;Email:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="email" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                            &lt;td style="width:2px;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;单位名称:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="department" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                                &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;职务:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="user_title" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                                &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;电话:&lt;/td&gt;                        &lt;td&gt;&lt;input type="text" name="tel_num" size="20"/&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr&gt;                        &lt;td style="width:2px ;color:#FF0000;text-align:right"&gt;*&lt;/td&gt;&lt;td style="text-align:left"&gt;备注:&lt;/td&gt;                        &lt;td&gt;&lt;textarea name="message" rows="5"&gt;&lt;/textarea&gt;&lt;/td&gt;                    &lt;/tr&gt;                    &lt;tr align="center"&gt;&lt;td colspan="2" &gt;&lt;input type="image" name="submit" src='../images/register-icon.png' &gt;&lt;/td&gt;   &lt;!-- //4处，image能提交表单。去掉onclick事件。--&gt;                    &lt;/tr&gt;                &lt;/table&gt;                &lt;/form&gt;        &lt;/div&gt;

关于form表单验证未通过却提交的有关问

热点推荐