javascript制作一个用户登录表单提交检验网页(第一天)
2015-10-31 15:09
821 查看
firstDay:利用javascript制作一个用户登录表单提交检验网页:
代码如下:
运行结果:
代码如下:
<span style="font-family:KaiTi_GB2312;font-size:14px;"><!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> <script type="text/javascript"> function check(){ var name = form1.username.value; var password = form1.userpassword.value; if(name==""||name==null){ alert("Please input your username!"); form1.username.focus(); return; } if(password != "123"){ alert("your password is wrong,please try again!"); return; } form1.submit(); } </script> </head> <body> <form action="" name ="form1" method="post"> <table width="320" border="2" cellspacing="10" cellpadding="0" bordercolor="#FFFFFF" bordercolordark="#FF0000" bordercolorlight="#00FF00"> <tr> <td height="30" colspan="2" bgcolor="#eeeeee" >* 用户登录</td> </tr> <tr height="34"> <td width="120" >用户名:</td> <td width="200"> <input name="username" type="text" id="username"> </td> </tr> <tr> <td width="120">密 码:</td> <td width="200"><input name="userpassword" type="password" id="userpassword" ></td> </tr> <tr height="30" bgcolor="#eedddd"> <td width="100" ><input width = "100" height="45" name="submit" type="button" value="登录" onClick="check()" ></td> <td width="100" align="left"><input width = "160" height="45" name="reset" type="reset" value="重置"></td> </tr> </table> </form> </body> </html> </span>
运行结果:
相关文章推荐
- javascript动态添加div
- JavaScript学习笔记一
- jsp和servlet中实现页面跳转的方式实例总结
- 你不知道的JavaScript--Item25 创建对象(类)的8种方法总结
- 你不知道的JavaScript--Item25 创建对象(类)的8种方法总结
- Json批量数据的存储和访问和输出
- MVC框架之jsp总结
- ECMAScript 6 入门 ----Generator 函数
- 百度地图中热力图使用中json数据转换与构造出现了问题——记录下JSON使用的问题
- 你不知道的JavaScript--Item24 ES6新特性概览
- 你不知道的JavaScript--Item24 ES6新特性概览
- 一段时间的javascript学习回顾------小模块汇总
- 原生JS常用的一些方法
- JSF 嵌套
- JSF 抽象和实现例子 (函数和属性)
- videojs设置播放点
- jsp通过自定义标签库实现数据列表显示的方法
- javascript this指向【图解】
- Gson解析数组多类型元素
- JavaScript单线程和浏览器事件循环简述