编写网站,该怎么处理

编写网站
<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

相关推荐