登陆界面设计,如果用户名密码为空javascript提醒
2016-04-06 21:20
543 查看
<%@ page language="java" import="java.util.*" pageEncoding="gb2312"%>
<script type="text/javascript">
function checkForm(myform){
var id = myform.id.value;
var password = myform.password.value;
if(id == "") {
alert("名不能为空!");
myform.id.focus();
return false;
}
if(password == "") {
alert("姓不能为空!");
myform.password.focus();
return false;
}
return true;
}
</script>
<table>
<tr><td><img src="note.jpg"></img></td></tr>
</table>
<form action="login_conf.jsp" method="post" name="form1" onsubmit="return checkForm(this);">
<table width=50% align=center>
<tr>
<td colspan=2 align=center>登陆表列</td>
</tr>
<tr align=center>
<td>用户名</td>
<td><input type="text" name="id"></td>
</tr>
<tr align=center>
<td>密 码</td>
<td><input type="password" name="password"></td>
</tr>
<tr align=center>
<td colspan=2>
<input type="submit" value="登陆">
<input type="reset" values="重置">
</td>
</tr>
</table>
</form>
<script type="text/javascript">
function checkForm(myform){
var id = myform.id.value;
var password = myform.password.value;
if(id == "") {
alert("名不能为空!");
myform.id.focus();
return false;
}
if(password == "") {
alert("姓不能为空!");
myform.password.focus();
return false;
}
return true;
}
</script>
<table>
<tr><td><img src="note.jpg"></img></td></tr>
</table>
<form action="login_conf.jsp" method="post" name="form1" onsubmit="return checkForm(this);">
<table width=50% align=center>
<tr>
<td colspan=2 align=center>登陆表列</td>
</tr>
<tr align=center>
<td>用户名</td>
<td><input type="text" name="id"></td>
</tr>
<tr align=center>
<td>密 码</td>
<td><input type="password" name="password"></td>
</tr>
<tr align=center>
<td colspan=2>
<input type="submit" value="登陆">
<input type="reset" values="重置">
</td>
</tr>
</table>
</form>
相关文章推荐
- JSP小练习(一)
- 【新人笔记16.04.06】JS--加载顺序之谜
- JS使用正则+JSON对HTML模板进行数据填充
- javascript高级程序设计 读书笔记1
- javascript中的this用法
- 如何推算多少天后是星期几?
- 如何根据边长数值计算六边形的面积
- 简单的数学计算题(二)
- 摄氏温度和华氏温度的转换
- 实现一个简单的数学计算题
- 如何结合工作年限和薪资来计算年终奖。
- 用户输入一个年份,判断这个年是否是闰年。
- 如何判断两个数字的奇偶性是否相同。
- JavaScript 定时器
- 如何判断一个数字能否同时被两个数整除;
- 运算符的计算顺序
- Json工具类
- js中++写在变量前后会有什么不同?
- 短路语法初探
- 用原生js实现数字自相加