编写网站
<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去提交表单
[解决办法]
<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