日期:2014-05-17  浏览次数:20586 次

编写网站
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
? <title>用户登录</title>
? <script type ="text/javascript" language="javascript">
? function checkInputInto() {
? if (document.form1.UserName.value =="") {
? alert("用户名不能为空! ")
? return false;
? }
? if (document.form1.UserPwd.value =="") {
? alert("密码不能为空! ")
? return false;
? }
? }
? </script>?
</head>
<body alink="#ff6666">
? <form id="form1" runat="server">
? <div>
? 用户名: <input type="text" name="UserName" id="UserName" /><br /><br />
? 密 码:<input type ="password" name="UserPwd" id="UserPwd" /><br /><br />
? <input type="submit" name="SubLogin" id="SubLogin" value="登录" onclick="return checkInputInto()" />
? </div>
? </form>
</body>
</html>
实现当登录名和密码为空时会提示出错,但当运行时点击登录不会出现提示。请教!!!!

------解决方案--------------------
不是 在submit的onclick事件里面调用,在form的OnSubmit事件调用

如果你非要在按钮的Onclick事件调用,那么请您把按钮的type改成button,然后用JS去提交表单
------解决方案--------------------


HTML code

<input type="button" name="SubLogin" id="SubLogin" value="登录" onclick="return checkLogin()" />
function checkLogin()
{
    var obj1 = document.getElementById("UserName");
    var obj2 = document.getElementById("UserPwd");
    
    if(obj1.value!=""&&obj2.value!="")
    {
        document.getElementsById("form1").submit();
    }else{
         alert("用户名或密码不能为空!");
         obj1.focus();
    }
}

------解决方案--------------------
<form name="form1" id="form1" runat="server">

form要加上name属性才能用
document.form1.UserName.value 这种方式,不是用的id是用的name