鱼C论坛

 找回密码
 立即注册
查看: 2351|回复: 3

[已解决]JS代码无法正常运行,请教……

[复制链接]
发表于 2020-6-5 11:45:10 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
本帖最后由 hawzt1 于 2020-6-5 12:10 编辑
<!DOCTYPE html>
<html>
<head>
    <title>表单注册和验证</title>
<script>
    function check(){
        fr=document.form1;
        if(fr.uid.value == ""){
            alret("用户ID必须要写!");
            fr.uid.focus();
            return false;
        }
        if((fr.pew1.value != "") || (fr.psw.value != "")){
            if(fr.psw1.value != fr.psw2.value){
                alert("密码不一致,请重新输入并验证密码!");
                fr.psw1.focus();
                return false;
            }
        }else{
            alert("密码不能为空!");
            fr.psw1.focus();
            return false;
        }
        if(fr.gender.value=="")
        {
            alert("性别必须要填写!");
            fr.name.focus();
            return false;
        }
        fr.submit();
    }
</script>
</head>
<body>
    <form name="form1" id="form1" method="get">
        <table border="1" align="center" width=350>
        <tr align="middle">
            <th colSpan=2 height=24>新用户注册</th>
        </tr>
        <tr>
            <td width="40%">
                <b>用 户 名</b>:
            </td>
            <td width="60%">
                <input maxLength="10" size=30 name="uid" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>性    别</b>:
            </td>
            <td>
                <input type=radio CHECKED value="boy" name="gender">男孩
                <input type=radio value="girl" name="gender">女孩
            </td>
        </tr>
        <tr>
            <td>
                <b>密    码</b>:
            </td>
            <td>
                <input name="psw1" type="password" size=32>
            </td>
        </tr>
        <tr>
            <td>
                <b>确认密码</b>:
            </td>
            <td>
                <input name="psw2" type="password" size=32>
            </td>
        </tr>
        <tr>
            <td>
                <b>密码问题</b>:
            </td>
            <td>
                <input type=text size=30 name="question" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>问题答案</b>:
            </td>
            <td>
                <input type=text size=30 name="answer" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>Email</b>:
            </td>
            <td>
                <input maxlength=50 size=30 name="aemail" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>联系电话</b>:
            </td>
            <td>
                <input maxlength=50 size=30 name="answer" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>职    业</b>:
            </td>
            <td>
                <select name="career" class="input1">
                <option value="student" selected="selected">学生</option>
                <option value="worker">工人</option>
                <option value="teacher">老师</option>
                <option value="famer">农民</option>
                <option value="business">商人</option>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <input type=submit value="注 册" name=Submit onclick="return check()">
                <input type="reset" value="清 除" name=Submit2>
            </td>
        </tr>
    </table>
    </form>
</body>
</html>
最佳答案
2020-6-5 18:37:48
html文件是从前往后加载的,加载到script标签直接就会运行。你的代码写在要获取的东西前面,执行script时就会获取不到。可以用window.onload(窗口加载完成时的事件)或者把script标签挪到body最后面
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2020-6-5 13:13:53 From FishC Mobile | 显示全部楼层
挪到128行之后
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-6-5 17:12:56 | 显示全部楼层
<!DOCTYPE html>
<html>
<head>
    <title>表单注册和验证</title>

</head>
<body>
    <form name="form1" id="form1" method="get">
        <table border="1" align="center" width=350>
        <tr align="middle">
            <th colSpan=2 height=24>新用户注册</th>
        </tr>
        <tr>
            <td width="40%">
                <b>用 户 名</b>:
            </td>
            <td width="60%">
                <input maxLength="10" size=30 name="uid" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>性    别</b>:
            </td>
            <td>
                <input type=radio CHECKED value="boy" name="gender">男孩
                <input type=radio value="girl" name="gender">女孩
            </td>
        </tr>
        <tr>
            <td>
                <b>密    码</b>:
            </td>
            <td>
                <input name="psw1" type="password" size=32>
            </td>
        </tr>
        <tr>
            <td>
                <b>确认密码</b>:
            </td>
            <td>
                <input name="psw2" type="password" size=32>
            </td>
        </tr>
        <tr>
            <td>
                <b>密码问题</b>:
            </td>
            <td>
                <input type=text size=30 name="question" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>问题答案</b>:
            </td>
            <td>
                <input type=text size=30 name="answer" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>Email</b>:
            </td>
            <td>
                <input maxlength=50 size=30 name="aemail" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>联系电话</b>:
            </td>
            <td>
                <input maxlength=50 size=30 name="answer" type="text">
            </td>
        </tr>
        <tr>
            <td>
                <b>职    业</b>:
            </td>
            <td>
                <select name="career" class="input1">
                <option value="student" selected="selected">学生</option>
                <option value="worker">工人</option>
                <option value="teacher">老师</option>
                <option value="famer">农民</option>
                <option value="business">商人</option>
            </td>
        </tr>
        <tr>
            <td>

            </td>
            <td>
                <input type=submit value="注 册" name=Submit onclick="return check()">
                <input type="reset" value="清 除" name=Submit2>
            </td>
        </tr>
    </table>
    </form>
    <script>
    function check(){
        fr=document.form1;
        if(fr.uid.value == ""){
            alret("用户ID必须要写!");
            fr.uid.focus();
            return false;
        }
        if((fr.pew1.value != "") || (fr.psw.value != "")){
            if(fr.psw1.value != fr.psw2.value){
                alert("密码不一致,请重新输入并验证密码!");
                fr.psw1.focus();
                return false;
            }
        }else{
            alert("密码不能为空!");
            fr.psw1.focus();
            return false;
        }
        if(fr.gender.value=="")
        {
            alert("性别必须要填写!");
            fr.name.focus();
            return false;
        }
        fr.submit();
    }
</script>
</body>
</html>
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-6-5 18:37:48 | 显示全部楼层    本楼为最佳答案   
html文件是从前往后加载的,加载到script标签直接就会运行。你的代码写在要获取的东西前面,执行script时就会获取不到。可以用window.onload(窗口加载完成时的事件)或者把script标签挪到body最后面
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-23 15:46

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表