登录表单中验证用户登录

ono

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
< html  xmlns = "http://www.w3.org/1999/xhtml"  >
< head >
     < meta  http-equiv = "Content-Type"  content = "text/html; charset=utf-8" >
     < title >测试页</ title >
     < script  type = "text/javascript" >
         function check(){
             if(form1.user.value.trim()==""){
                 alert("请输入用户名!");
                 form1.user.focus();
                 return;
             }
             else if(form1.pwd.value.trim()==""){
                 alert("请输入密码!");
                 form1.pwd.focus();
                 return;
             }
             else{
                 form1.submit();
             }
         }
     </ script >
</ head >
< body >
     < form  name = "form1"  method = "post"  action = "Cover.html" >
         用户名:< input  name = "user"  type = "text"  id = "user" >
         密码:< input  name = "pwd"  type = "text"  id = "pwd" >
         < input  name = "btnLogin"  type = "button"  value = "登录"     >
          < input  name = "btnRes"  type = "reset"  value = "重置" >
     </ form >
</ body >
</ html >

在HEML中调用事件处理程序,在登录按钮的onclick事件中调用check()函数,实现登录验证。






     本文转自stock0991 51CTO博客,原文链接:http://blog.51cto.com/qing0991/1341344,如需转载请自行联系原作者






评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值