1.可以让a链接失效
<a href="javascript:void (0);"
2.为了在js中使用项目路径
<c:set var="path" value="${pageContext.request.contextPath }"></c:set>
<script type="text/javascript">
var path = "${path}";
</script>
3.struts2中的小知识 <s:textfield>< <s:textfield>支持表单回显
里面的regr属性或者是reg属性的区别是”regr“的话代表必填项,”reg“代表非必填项
<s:textfield name="emp.username" type="text" size="25" regr="^\w{6,8}$" tip="请输入6到8位用户名"></s:textfield><span style="display: none" ><img width="20" src="${path }/images/ok.png"></span>
4.创建正则表达式对象
var reg = new RegExp(regStr);
5.jQuery的属性选择器
$("#empForm").find("[regr]")
6.验证表单的常见js代码
function validForm(){
//表单的提交标志
var isSubmit = true;
$("#empForm").find("[regr]").each(function(){
//获得每一个必填项的输入信息
var val = $(this).val();
//获得每一个必填项的正则表达式
var regStr = $(this).attr("regr");
//获得每一个必填项的提示信息
var tip = $(this).attr("tip");
//创建正则表达式的对象
var reg = new RegExp(regStr);
//获得每一个文本域的name
var name = $(this).attr("name");
if(!reg.test(val)){
$(this).css("background","#FFAC8C");
//设置提示信息
$("#tip").html(tip);
//展示提示信息
$("#tip").show();
//设置提交标志是false
isSubmit = false;
//跳出校验循环
return false;
}else{
if(name == "emp.username"){
var result = validUname(val);
if(result == "no"){
$(this).css("background","#FFAC8C");
//设置提示信息
$("#tip").html("用户名已经存在");
//展示提示信息
$("#tip").show();
//设置提交标志是false
isSubmit = false;
//跳出校验循环
return false;
}
}
if(name == "repassword"){
//获得密码的值
var password = $("#password").val();
if(password != val){
$(this).css("background","#FFAC8C");
//设置提示信息
$("#tip").html("确认密码不一致");
//展示提示信息
$("#tip").show();
//设置提交标志是false
isSubmit = false;
//跳出校验循环
return false;
}
}
$(this).css("background","white");
}
})
7.刷新jsp页面的代码(有可能是一个jsp文件里面布局多个jsp文件,那么就可以异步刷新效果),实现在js代码中直接访问Java代码
window.location.href =
8.如果想实现点击一个元素后,将该元素禁掉
例如:选择一个供应商之后,该选择框就变灰(被禁用了)
//修改供应商
$(function() {
$("#supplierId").change(function(){
$(this).attr("disabled", "disabled");
})
9.页面开发中,我们使用的一些小技巧
①经常利用给某个按钮或者某个元素设置自定义属性来给回调函数带值
10.一次选中多个文件,在input标签里面添加multiple="multiple"即可