js验证表单代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>index.html</title>

    <meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    <meta http-equiv="description" content="this is my page">
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">
    <script type="text/javascript">
       function checkForm(){
           var username = document.getElementById("username");
           if(username.value==""){
               alert("用户名不能为空!");
               return false;//如果表单校验失败,则返回false,不能提交表单
           }
           return true;//如果表单校验成功,则返回true,提交表单
       }
    </script>


  </head>

  <body>
    <!-- 
        使用form表单的onsubmit事件处理表单提交的校验问题
        onsubmit:
        return true  表单提交
        return false 表单不提交
     -->
    <form action="/cookie/UserServlet" method="post" onsubmit="return checkForm()">
       用户名:<input type="text" value="" name="username" id="username"/><br>
       密码:<input type="password" value="" name="pwd"/><br>
       <input type="submit" value="提交"/> 
       <input type="button" value="取消"/> 
    </form>
  </body>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值