servlet学习(四)
来源:互联网 发布:市场数据分析软件 编辑:程序博客网 时间:2024/06/05 11:20
servlet学习(四)
标签: servlet jQuery
前端进行js校验参数,先使用了传入表单form,然后from.[ParamName].value来取值进行校验,然后使用jQuery来进行取值校验,使用jQuery非常方便,直接去官网下载一个js文件,放入你的js包里就行(如果没有就在web下新建一个)
目录结构:
jsp页面from表单
<form action="registerControllerServlet" method="post" class="my_form" onsubmit="return validate()"> <c:if test="${param.code==10001}"> <c:set value="用户已存在" var="msg" scope="request"/> </c:if> <c:if test="${param.code==10000}"> <c:set value="必要参数为空" var="msg" scope="request"/> </c:if> <input class="return_msg" value="${msg}" placeholder=" "> <input name="username" placeholder="please enter your name" type="text" class="my_input" value=""><a id="a1">*</a> <input name="password" placeholder="please enter password" type="password" class="my_input"><a id="a2">*</a> <input name="age" placeholder="please enter your age" type="password" class="my_input"><a id="a3">*</a> <input type="submit" value="submit" class="my_button"> <input type="reset" value="reset" class="my_button"> </form>
validate.js
/** * Created by Fate on 2016/7/20. */function validate() { var username = $("[name=username]"); var password = $("[name=password]"); if (username.val() == "") { $("#a1").html('<input type="image" src="image/error.jpg" style="width: 2%"><br><a>用户名不能为空</a>'); username.focus(); return false; } else { $("#a1").html('*'); } if (password.val() == "") { $("#a2").html('<input type="image" src="image/error.jpg" style="width: 2%"><br><a>密码不能为空</a>'); password.focus(); return false; } else { $("#a2")[0].innerHTML = '*'; } return true;}
页面示例
jQuery取值
在用$("#id")
来获得页面的input元素的时候,发现$("#id").value
不能取到值,原因如下:
$("")
是一个jquery对象,而不是一个dom element
value是dom element的属性
jquery与之对应的是val
val() :获得第一个匹配元素的当前值。
val(val):设置每一个匹配元素的值。
所以,代码应该这样写:
取值:val = $("#id")[0].value;
或者$("#id").get(0).value;
或者$("#id").val();
赋值: $("#id")[0].value = "new value";
或者$("#id").val("new value");
或者这样也可以:val = $("#id").attr("value");
就不用传入form然后form.password.value
来取值了
0 0
- servlet 学习(四)
- servlet学习(四)
- Servlet学习(四)Servlet过滤器学习
- Java Web学习笔记(四)servlet
- Servlet学习笔记(四)---Session
- servlet学习笔记(四)
- servlet学习总结四
- Servlet学习笔记(四):Servlet的请求与响应
- Servlet学习笔记(四):Servlet的请求与响应
- Java Servlet学习笔记(四)Servlet客户端Http请求
- Servlet(四)servlet cookie
- JSP/Servlet 学习笔记(四)
- JSP&&SERVLET学习笔记(四):关于HttpServletRequest
- Servlet学习(四)使用request读取所有参数
- 我的servlet学习过程(四):JSP部分
- Servlet总结(四)
- servlet学习四--HttpServletResponse对象学习二
- Java Web学习(31): Servlet学习(四)
- GUID和UUID
- Android监听程序的安装和卸载
- Spring Cloud 微服务示例
- 【杭电1002】A + B Problem II
- php永久登录 记住密码
- servlet学习(四)
- 为什么要特征标准化及特征标准化方法
- 百度地图定位
- file-max与ulimit的关系与差别
- Linux Eclipse代码提示功能设置(Java & C/C++)
- hdu-1022 栈、队列
- iOS NSMutableDictionary key排序 或NSMutableArray排序
- 数据结构之选择排序<select_sort>
- 关于swift的?与!