JavaScript Demo01
其他
2018-12-04 06:21:20
阅读次数: 0
判断用户是不是输入用户名以及密码-
-
<!DOCTYPE html>
-
<!--在页面中添加用户登陆表单以及表单元素-->
-
<html>
-
<head>
-
<meta charset="utf-8">
-
<title>demo01</title>
-
</head>
-
<body>
-
<form name="form1" method="post" action="">
-
<!--action表示向何处发送数据-->
-
<table width="221" border="1" cellspacing="0"
-
bordercolor="#FFFFFF" bordercolordark="#CCCCCC"
-
bordercolorlight="#FFFFFF">
-
<!-- width 宽度
-
border 边框宽度
-
cellspacing 指定格线与格线之间的距离
-
borderColor 属性设置元素周围边框的颜色
-
bordercolordark 边框的暗色调
-
bordercolorlight 边框颜色亮度
-
colspan 属性规定单元格可横跨的列数
-
bgcolor 属性规定文档的背景颜色
-
align 位置 left靠左,center居中,right靠右
-
value 文本框的初始值-->
-
<tr>
-
<td height="30" colspan="2" bgcolor="aquamarine">.用户登录</td>
-
</tr>
-
<tr>
-
<td width="59" height="30">用户名:</td>
-
<td width="162"><input name="user" type="text" id="user"></td>
-
</tr>
-
<tr>
-
<td height="30">密码</td>
-
<td><input name="pwd" type="text" id="pwd"></td>
-
</tr>
-
<tr>
-
<td height="30" colspan="2" align="center">
-
<input name="Button" type="button" class="btn_grey" value="登陆" onclick="check()"/>
-
-
<input name="Submit2" type="reset" class="btn_grey" value="重置" />
-
</td>
-
</tr>
-
</table>
-
</form>
-
<script language="JavaScript">
-
//创建js方法
-
function check(){
-
//获取用户名
-
var name=form1.user.value;
-
var pwd=form1.pwd.value;
-
if((name == "")||(name==null)){
-
alert("请输入用户名")
-
form1.user.focus();//赋予文本框焦点
-
return;
-
}else if((pwd=="")||(pwd==null)){
-
alert("请输入密码");
-
form1.pwd.focus();//密码框获取焦点
-
return;
-
}else{
-
form1.submit();//提交表单
-
}
-
}
-
-
</script>
-
</body>
-
</html>
转载自www.cnblogs.com/songdongdong6/p/10061924.html