jsp页面的form表单验证用户名和密码不能为空!

 直接上代码:

script验证代码

<script>
  function validateForm()
  {
    var x=document.forms["form1"]["name"].value;
    var y=document.forms["form1"]["password"].value;
    if (x==null || x=="")
    {
    alert("姓名必须填写");
    return false;
  }
    if (y==null || y=="")
    {
    alert("密码必须填写");
    return false;
  }
}
</script>

全部代码:(希望能帮到你们)

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登录界面</title>
<style>
body{  
     background-image:url(images/image6.jpg); /*图片地址*/      
     background-size:cover;                                  /* 覆盖填充,将图片缩放到宽度或高度正好适应定义背景的区域  */                 
    /*  background-origin:content;                      /*从content区域开始显示背景*/  
    /* background-position:50% 50%;               /* 图片上下左右居中  */
    /*  background-size:contain;                         /* 保持图像本身的宽高比例,将图片缩放到宽度或高度正好适应定义背景的区域  */
    /* background-repeat:no-repeat;                  /* 图像重复铺满屏幕  */
       } 
</style>

<script>
  function validateForm()
  {
    var x=document.forms["form1"]["name"].value;
    var y=document.forms["form1"]["password"].value;
    if (x==null || x=="")
    {
    alert("姓名必须填写");
    return false;
  }
    if (y==null || y=="")
    {
    alert("密码必须填写");
    return false;
  }
}
</script>
</head>
<body >
<br><br><br><br>
<form align="center" name="loginone"   method="post" action="logincheck.jsp" style="width:30%; margin:auto">
     姓名:<input name="name" type="text" id="name" size="20" maxlenght="20"><br><br>
     密码:<input name="password" type="password" id="password" size="21" maxlenght="20" ><br><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="submit" name="Submit" value="提交" >
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <input type="reset" name="Submit2" value="重置">  
            <br><br>
            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
                 没有账号! <a href="zhuce.jsp">我要注册</a>         
</form>
</body>
</html>

 

上一篇:NLU -- 基于信息架构的新的NLU理论及研究方法 -- Introduction(3)


下一篇:Flink CEP