表单的验证获得java script的初步认识

来源：互联网发布：淘宝怎么添加客服号编辑：程序博客网时间：2024/05/29 17:17

客户端确认

减少服务器负载
缩短用户的等待时间
兼容性难

服务器端的确认

统一确认
兼容性强
服务器负载

使用java script进行客户端验证获得java script的初步认识

用java script写一个表单的验证，要求用户名不能为空，密码和重复密码都在6-10位之间，并且相同

<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%><%String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"><html>  <head>    <script type="text/javascript">        function validate()        {            var username=document.getElementById("username1");            var password=document.getElementById("password1");            var repassword=document.getElementById("repassword1");            if(username.value=="")            {                alert("username can't be blank!");                return false;            }            if(password.value.length<6||password.value.length>10)            {               alert("length of password is invaild");               return false;            }            if(repassword.value.length<6||repassword.value.length>10)            {               alert("length of repassword is invalid");               return false;            }            if(password.value!=repassword.value)            {               alert("password is not the same ");               return false;            }            return true;        }    </script>  </head>  <body>      <form onsubmit="return validate()">      username：<input type="text" name="username" id="username1"><br>      password：<input type="password" name="password" id="password1"><br>      repassword:<input type="password" name="repassword" id="repassword1"><br>      <input type="submit" value="submit">      </form>  </body></html>

0 0

表单的验证 获得java script的初步认识

客户端确认

服务器端的确认

使用java script进行客户端 验证 获得java script的初步认识

表单的验证获得java script的初步认识

使用java script进行客户端验证获得java script的初步认识