jsp-ajax正则表达式判断输入框是否符合要求

<script type="text/javascript">
 			//调用getText()方法,来判断正则表达式
 			getText();
 			
 			//登录跳转事件方法
 			function skip(){
 				$(function(){
 				
 				$.ajax({
 				
 				url:"LoginServlet",
 				type:"post",
 				data:{
 				  name:$("#name").val(),
 				  pwd:$("#pwd").val(),
 				
 				},
 				
 				dataType:"text",
 				success:function(data){
 					if(data=="ok"){
 							window.location.href="succeed.jsp";
 					}else{
 					$("#losing").text("登录失败");
 					setTimeout(function(){
 					$("#losing").text("");
 					
 					},3000);
 					
 					}
 				}
 				});
 				});
 			}
 			
 			
 			
 			//登录按钮事件
 			function loginBtn(){
 			//判断如果两个span标签中的值等于"对号
 			if ($("span").text() == "√√") {
				//就改变按钮的背景,并添加点击事件
				$("#login").css("background-color", "chartreuse");
				$("#login").on("click", function() {
					//调用跳转事件方法
					skip();
				});
			} else {
				//否则按钮背景不变,并删除点击事件
				$("#login").css("background-color", "#CCCCCC");
				$("#login").off("click");
			}
		}
		//获取 输入框内容 与 正则表达式 做对比
		function getText() {
			var reg = [ /^[a-z]{5,12}$/, /^[a-z\d]{5,12}$/ ];
			$(":text,:password").after("<span></span>").blur(function() {
				if (reg[$(this).attr("data-index")].test($(this).val())) {
					$(this).next("span").text("√").css("color", "green");
				} else {
					$(this).next("span").text("×").css("color", "red");
				}
				//当正则表达式判断后,调用按钮事件方法
				loginBtn();
			});
		}
 			
 	</script>

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值