Java Web笔记 – 客户端Javascript与服务器端Servlet的验证
2014-02-27 10:33
429 查看
1、验证:客户端验证:减少服务器负载
缩短用户等待时间
兼容性难服务器端验证:统一确认
兼容性强
服务器负载重2、使用Javascript进行表单检验的常用方法:
缩短用户等待时间
兼容性难服务器端验证:统一确认
兼容性强
服务器负载重2、使用Javascript进行表单检验的常用方法:
var username = document.getElementById("username"); var username = document.getElementsByName("username")[0]; var nodes = document.getElementsByTagName("input");2.1、基本的表单验证例子:HTML代码:
<form onsubmit="return validate()" action="loginServlet"> username:<input type="text"id="username" name="username"/><br /> password:<input type="password"id="username" name="password"><br /> <input type="submit" value="submit" /> </form>JS验证代码:
function validate(){ //使用getElementById方法获取元素var username = document.getElementById("username"); var password = document.getElementById("password"); //使用getElementsByName获取一组元素//var username = document.getElementsByName("username")[0];//var username = document.getElementsByName("password")[0];//获取元素的值 并判断长度if(username.value.length == 0){ alert("用户名不能为空"); returnfalse; } if(password.value.length <6){ alert("密码不能少于6位"); returnfalse; } returntrue; } //根据标签获取元素组var nodes = document.getElementsByTagName("input"); for(var i=0; i<nodes.length; i++){ //获取标签类型 alert(nodes[i].type); }2.2、单选按钮的验证例子:HTML代码:
男<input type="radio" name="gender" value="男"> 女<input type="radio" name="gender" value="女">JS验证代码:
//单选按钮的验证var gender = document.getElementsByName("gender"); if(!gender[0].checked && !gender[1].checked){ alert("请选择性别!"); }2.3、复选框全选的例子:HTML代码:
<input type="checkbox" name="selectAll" onclick="selectAll()">Select all<br /> <input type="checkbox" name="number" value="1">1<br /> <input type="checkbox" name="number" value="2">2<br /> <input type="checkbox" name="number" value="3">3<br /> <input type="checkbox" name="number" value="4">4<br /> <input type="checkbox" name="number" value="5">5<br /> <input type="checkbox" name="number" value="6">6<br /> <input type="checkbox" name="number" value="7">7<br /> <input type="checkbox" name="number" value="8">8<br /> <input type="checkbox" name="number" value="9">9<br /> <input type="checkbox" name="number" value="10">10<br /><input type="checkbox" name="number">10<br />JS代码:
/* 复选框全选的函数 */function selectAll(){ var selectAll = document.getElementsByName("selectAll")[0]; if(selectAll.checked){ var numbers = document.getElementsByName("number"); for(var i=0; i<numbers.length; i++){ numbers[i].checked = true; } } else { for(var i=0; i<nmubers.length; i++){ numbers[i].checked = false; } } }判断复选框是否有选择:
/* 验证用户选择的个数 */function validateCheckbox(){ var n = 0; for(var i=0; i<numbers.length; i++){ if(numbers[i].checked){ n++; } } if(n < 1){ alert("至少要选择一项"); } }3、在服务器端使用Servlet进行验证的例子:
@Overrideprotectedvoid doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException { String username = req.getParameter("username"); String password = req.getParameter("password"); //获取单选按钮的值 String gender = req.getParameter("gender"); //获取复选框的值 String[] numbers = req.getParameterValues("number"); List<String> list = new ArrayList<String>(); //验证判断if("".equals(username)){ list.add("用户名不能为空"); } if(password == null){ list.add("用户密码不能为空"); } if(password != null && password.length()<6){ list.add("用户密码不能少于6位"); } //页面跳转if(list.isEmpty()){ req.getRequestDispatcher("index.jsp").forward(req, resp); } else { req.setAttribute("error", list); req.getRequestDispatcher("error.jsp").forward(req, resp); } }4、Servlet中的编码设置:
req.setCharacterEncoding("utf-8"); resp.setCharacterEncoding("utf-8"); ... //编码设置 gender = new String(gender.getBytes("iso-8859-1"),"utf-8");
相关文章推荐
- Java Web笔记 – 客户端Javascript与服务器端Servlet的验证
- #笔记#圣思园 JavaWeb 第22讲——表单确认,JavaScript和Servlet实现客户端与服务器端验证
- 8、使用JavaScript与Servlet实现客户端与服务器端验证
- 使用JavaScript与Servlet实现客户端与服务器端验证
- 使用JavaScript与Servlet实现客户端与服务器端验证
- javascript 客户端验证和页面特效制作 学习笔记
- 使用JavaScript与servlet实行简单的客户端和服务器验证
- asp.ne如何使用javascript去验证客户端信息,如果验证成功则送往服务器端处理,否则在客户端提示用户(不返回到服务器端处理)
- 利用Servlet和jsp实现客户端与服务器端的用户登录信息验证
- 移动项目开发笔记(服务器端获取客户端只读文本框通过JavaScript设置的值)
- (备忘)devexpress 中 在客户端事件(javascript)中,设置不执行服务器端代码的语句 e.processOnServer = true
- CXF:为服务器端和客户端添加自定义拦截器进行权限检查验证并且控制台打印日志
- JavaScript通过RegExp实现客户端验证
- 服务器端用Servlet响应客户端请求,Gson请求。可以返回多个数据库中的信息
- 如何在HTTP客户端与服务器端之间保持状态 ?总结笔记
- 客户端用JavaScript填充DropDownList控件 服务器端读不到值
- ASP.NET中CustomerValidator客户端和服务器端验证时的一个小的差别
- 苹果客户端支付后,服务器端对数据进行二次验证接口开发
- 客户端技术分页控件javascript+css,可用于任何服务器端技术
- OSChina_IOS版客户端笔记(五)_账号登录验证以及账号加密保存