当前位置:编程学习 > JSP >>

jsp中,javascript 代码不能运行。请各位帮忙看看!谢谢!

<%@ page contentType="text/html;charset=gbk"%> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ut-8"> <title>用户注册</title> <script language="JavaScript" type="text/javascript"> function checkForm(userRegisterForm) { //alert("请输入用户名!"); // 得到用户输入的信息 var userName = document.getElementById("name"); var userPass = document.getElementById("passWord"); if(userName.value==""){ userName.focus(); alert("请输入用户名!"); return false; } if(userPass.value==""){ userPass.focus(); alert("请输入密码!"); return false; } } </script> </head> <body> <HR><h2 align="center" ><font color="blue" style="font-size: 20px">用户注册</font></h2><HR/> <form name="userRegisterForm" method="post" action="Regist" onsubmit="javaScript:return checkForm(userRegisterForm);"> <table width="80%" border="0" align="center" cellpadding="2" cellspacing="0" > <tr bgcolor="#EFEFEF"> <td width="25%" align="center">用户名:</td> <td width="30%" valign="bottom"> <input name="uid" type="text" id="uid" size="20" maxlength="50" id="name"></td> <td width="45%">* <input name="checkUser" type="button" value="查看是否被占用" onclick="checkUid();"> </td> </tr> <tr bgcolor="#EFEFEF"> <td colspan="3">(用户名由a~z的英文字母(不区分大小写)、0~9的数字、点、减号或下划线组成,长度为6~8个字符,只能以数字或字母开头和结尾,例如:syjk3_001 )</td> </tr> <tr bgcolor="#EFEFEF"><td align="center">密 码:</td> <td><input name="password" type="password" id="password" size="20" maxlength="50" id="passWord"></td> <td>*(密码长度为6~8位,区分字母大小写。登录密码可以由字母、数字、特殊字符组成。)</td> </tr> <tr bgcolor="#EFEFEF"> <td height="40" align="center">密码确认:</td> <td><input name="confirmPassword" type="password" id="confirmPassword" size="20" maxlength="50" id="confirm"></td> <td>*(请再输一遍,以便确认!) </td> </tr> <tr bgcolor="#EFEFEF"><td align="center">电子邮件:</td> <td><input name="email" type="text" size="20" maxlength="50" id="email"></td> <td>*(请您输入正确的E-mail地址!<FONT color=#cc0000>方便您的密码查询</FONT>!)</td> </tr> <tr bgcolor="#EFEFEF"> <td colspan="3" align="center"> <input type="submit" name="Submit" value="提交"> </td> </tr> </table> </form> </body> </html>
答案:1,一个文本框中只能有一个id,而且页面中不能有重复的id,需要重复的时候用class
2,页面中没有id为passWord 只有password
3,跟你提个意见,做事细心点,不要心浮气躁。
<%@ page contentType="text/html;charset=gbk"%>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>用户注册</title>
    <script type="text/javascript">
        function checkForm(userRegisterForm) {
            // 得到用户输入的信息
            var userName = document.getElementById("name");
            var userPass = document.getElementById("password").value;
            if ( userName.value == "") {
                userName.focus();
                alert("请输入用户名!");
                return false;
            }
            if (userPass.value == "") {
                userPass.focus();
                alert("请输入密码!");
                return false;
            }
        }
    </script>

</head>
<body>
<HR>
<h2 align="center"><font color="blue" style="font-size: 20px">用户注册</font></h2>
<HR/>
<form name="userRegisterForm" method="post" action="Regist" onsubmit="javaScript:return checkForm(userRegisterForm);">
    <table width="80%" border="0" align="center" cellpadding="2" cellspacing="0">

        <tr bgcolor="#EFEFEF">
            <td width="25%" align="center">用户名:</td>
            <td width="30%" valign="bottom">
                <input name="uid" type="text" size="20" maxlength="50" id="name"></td>
            <td width="45%">*
                <input name="checkUser" type="button" value="查看是否被占用" onclick="checkUid();">
            </td>
        </tr>
        <tr bgcolor="#EFEFEF">
            <td colspan="3">(用户名由a~z的英文字母(不区分大小写)、0~9的数字、点、减号或下划线组成,长度为6~8个字符,只能以数字或字母开头和结尾,例如:syjk3_001 )</td>
        </tr>
        <tr bgcolor="#EFEFEF">
            <td align="center">密 码:</td>
            <td><input name="password" type="password" id="password" size="20" maxlength="50"></td>
            <td>*(密码长度为6~8位,区分字母大小写。登录密码可以由字母、数字、特殊字符组成。)</td>
        </tr>
        <tr bgcolor="#EFEFEF">
            <td height="40" align="center">密码确认:</td>
            <td><input name="confirmPassword" type="password" id="confirmPassword" size="20" maxlength="50"
                       id="confirm"></td>
            <td>*(请再输一遍,以便确认!)</td>
        </tr>
        <tr bgcolor="#EFEFEF">
            <td align="center">电子邮件:</td>
            <td><input name="email" type="text" size="20" maxlength="50" id="email"></td>
            <td>*(请您输入正确的E-mail地址!<FONT color=#cc0000>方便您的密码查询</FONT>!)</td>
        </tr>

        <tr bgcolor="#EFEFEF">
            <td colspan="3" align="center">
                <input type="submit" name="Submit" value="提交">
            </td>
        </tr>
    </table>
</form>
</body>
</html>
其他:1.把focus()与alert()的前后位置换一下
2,把<input name="uid" type="text" id="uid" size="20" maxlength="50" id="name">改为:
<input type="text" name="uid" id="name"  maxlength="50"> 1.把<input name="uid" type="text" id="uid" size="20" maxlength="50" id="name">和<input name="password" type="password" id="password" size="20" maxlength="50" id="passWord">以及<input name="confirmPassword" type="password" id="confirmPassword" size="20" maxlength="50"  id="confirm">中的id属性去掉一个,id重复了。保证你留下的id的属性,必须与document.getElementById(" ")中的属性要一致,且大小写要一致。 企鹅。418896376把东西发给我看看! 

上一个:求酒店客房管理系统的JSP源代码!急!发到我邮箱1247791167@qq.com
下一个:为什么我的html连接到jsp显示的是jsp代码而不是页面

CopyRight © 2012 站长网 编程知识问答 www.zzzyk.com All Rights Reserved
部份技术文章来自网络,