From 5ea2a40ec40f92b87582a620a0a46e7bca13d02e Mon Sep 17 00:00:00 2001 From: Qing Date: Mon, 1 May 2023 22:10:16 +0800 Subject: [PATCH] =?UTF-8?q?=E8=A1=A8=E5=8D=95=E9=AA=8C=E8=AF=81=E6=9B=B4?= =?UTF-8?q?=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- Html-practice/jQuery/01-jQuery-表单验证.html | 21 ++++++++++++++++++-- Html-practice/jQuery/js/FormValidation.js | 21 ++++++++++++++------ 2 files changed, 34 insertions(+), 8 deletions(-) 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; } - }, + + } + };