diff --git a/Html-practice/jQuery/01-jQuery-表单验证.html b/Html-practice/jQuery/01-jQuery-表单验证.html index 426ba23..6ab8590 100644 --- a/Html-practice/jQuery/01-jQuery-表单验证.html +++ b/Html-practice/jQuery/01-jQuery-表单验证.html @@ -12,7 +12,7 @@
-
+
jQuery-表单验证 @@ -40,7 +40,7 @@
- +
@@ -60,8 +60,25 @@ $('.Password').blur(function () { $('.Password').tooltip('password'); }) + + }) + function func(){ + + var flag1= $('.Username').tooltip('userName'); + var flag2= $('.Email').tooltip('email'); + var flag3= $('.Password').tooltip('password'); + if(flag1&&flag2&&flag3){ + return true; + }else{ + alert("请填写正确的用户名密码或邮箱!!!"); + return false; + + } + + } + \ No newline at end of file diff --git a/Html-practice/jQuery/js/FormValidation.js b/Html-practice/jQuery/js/FormValidation.js index 37ae4ad..ba96e24 100644 --- a/Html-practice/jQuery/js/FormValidation.js +++ b/Html-practice/jQuery/js/FormValidation.js @@ -6,24 +6,25 @@ var success = "success"; var error = "Error"; var info = "UserName"; + //这些方法里面的this指针已经被替换为了$(this) var reg = /^[a-zA-Z0-9\_\+\-\&\$\*]{6,10}$/; if (this.val()==''){ // $(".info1").css('color','#000'); $(".info1").show().html(info); - return; + return false; } else if (this.val().match(reg)) { $(".info1").css('color','green'); // $(".info1").css('background','#fff'); $(".info1").show().html(success); - + return true; } else { $(".info1").css('color','red'); $(".info1").show().html(error); - + return false; } @@ -37,37 +38,45 @@ if (this.val()==''){ // $(".info1").css('color','#000'); $(".info3").show().html(info); - return; + return false; } else if (this.val().match(reg)) { $(".info3").css('color','green'); $(".info3").show().html(success); + return true; } else { $(".info3").css('color','red'); $(".info3").show().html(error); + return false; } + }, //邮箱验证 email : function( ) { var success = "success"; var error = "Error"; var info = "Email"; + var reg = /^\w+@\w+(.[a-zA-Z]{2,3}){1,2}$/; if (this.val()==''){ // $(".info1").css('color','#000'); $(".info2").show().html(info); - return; + return false; } else if (this.val().match(reg)) { $(".info2").css('color','green'); $(".info2").show().html(success); + return true; } else { $(".info2").css('color','red'); $(".info2").show().html(error); + return false; } - }, + + } + };