前端小总结

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"即可
在这里插入图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Java全栈研发大联盟

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值