From 295f24b49b8e4676eb6806471e2839faabe24b29 Mon Sep 17 00:00:00 2001 From: Qing Date: Mon, 1 May 2023 22:22:17 +0800 Subject: [PATCH] =?UTF-8?q?=E6=A0=BC=E5=BC=8F=E5=8C=96=E4=BB=A3=E7=A0=81?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../index.html | 21 ++-- .../js/index.js | 88 ++++++-------- Html-practice/jQuery/01-jQuery-表单验证.html | 114 +++++++++--------- Html-practice/jQuery/js/FormValidation.js | 93 +++++++------- 4 files changed, 148 insertions(+), 168 deletions(-) diff --git a/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/index.html b/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/index.html index 4a52a95..768b4ca 100644 --- a/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/index.html +++ b/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/index.html @@ -1,14 +1,16 @@ + - + 基于jQuery的AJAX实现三级联动菜单 +
@@ -26,24 +28,25 @@
+ \ No newline at end of file diff --git a/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/js/index.js b/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/js/index.js index f421c5f..9adb626 100644 --- a/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/js/index.js +++ b/Html-practice/Ajax/基于jQuery的AJAX实现三级联动菜单/js/index.js @@ -1,69 +1,57 @@ - -function getData(){ +function getData() { $.ajax({ - url : './json/third-level-address.json', - type : 'get', + url: './json/third-level-address.json', + type: 'get', async: false, - success : function(data) { - if(data=="error"){ - alert("系统错误"); - return; + success: function (data) { + if (data == "error") { + alert("系统错误"); + return; + } + dataJson = data; } - dataJson=data; - } }); return dataJson; } -function getCountry(){ - var data = getData(); - var country = new Array(); - var children = new Array(); - var countryCode=new Array(); - $.each(data,function(i,tmp){ - countryCode.push(tmp.code); - country.push(tmp.name); - children.push(tmp.children); - }); - // for(var i in data){ - // console.log(data[i].children[0].children.length); - // } - var options = ""; - for(var i in data){ - options += ""; - $("#province").html(options); - // console.log(data[i].code); - } - } +function getCountry() { + var data = getData(); + var options = ""; + for (var i in data) { + options += ""; + $("#province").html(options); + } +} -function getCity(countryCode){ +function getCity(countryCode) { var data = getData(); $('#city').empty(); var options = ""; - for(var i in data){ - for(let j=0;j" + data[i].children[j].name+""; - } - - } - $("#city").html(options); - } - + for (var i in data) { + for (let j = 0; j < data[i].children.length; j++) { + if (countryCode && countryCode == data[i].code) { + options += ""; + } + + } + $("#city").html(options); + } + } -function getArea(cityCode){ + +function getArea(cityCode) { var data = getData(); var options = ""; - for(var i in data){ - for(let j=0;j" + data[i].children[j].children[k].name+""; + for (var i in data) { + for (let j = 0; j < data[i].children.length; j++) { + for (let k = 0; k < data[i].children[j].children.length; k++) { + if (cityCode && cityCode == data[i].children[j].code) { + options += ""; } - } -} + } + } $("#area").html(options); } - + } \ No newline at end of file diff --git a/Html-practice/jQuery/01-jQuery-表单验证.html b/Html-practice/jQuery/01-jQuery-表单验证.html index 6ab8590..0f4532a 100644 --- a/Html-practice/jQuery/01-jQuery-表单验证.html +++ b/Html-practice/jQuery/01-jQuery-表单验证.html @@ -1,84 +1,78 @@ + - - - - - - - jQuery-表单验证 + + + + + + + jQuery-表单验证 + -
- -
-
- jQuery-表单验证 +
+ +
+
+ jQuery-表单验证 -
- - Username - - -
+
+ + Username + +
+
+ + Email +
+ +
+ + Password +
+ + -
- - - Email - - -
- -
- - - Password - - -
- - - -
-
- - - +
+
+ + + \ No newline at end of file diff --git a/Html-practice/jQuery/js/FormValidation.js b/Html-practice/jQuery/js/FormValidation.js index ba96e24..1d3645b 100644 --- a/Html-practice/jQuery/js/FormValidation.js +++ b/Html-practice/jQuery/js/FormValidation.js @@ -1,96 +1,91 @@ -;(function ($) { +; +(function ($) { var methods = { //用户名验证 - userName : function() { + userName: function () { var success = "success"; var error = "Error"; var info = "UserName"; - + //这些方法里面的this指针已经被替换为了$(this) var reg = /^[a-zA-Z0-9\_\+\-\&\$\*]{6,10}$/; - if (this.val()==''){ + if (this.val() == '') { // $(".info1").css('color','#000'); $(".info1").show().html(info); 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; } - 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; - } - - + + }, // 密码验证 - password : function( ) { + password: function () { var success = "success"; var error = "Error"; var info = "Password"; - var reg = /^[a-zA-Z0-9\_\-]{8,10}$/; - if (this.val()==''){ + var reg = /^[a-zA-Z0-9\_\-]{8,10}$/; + if (this.val() == '') { // $(".info1").css('color','#000'); $(".info3").show().html(info); return false; - } - else if (this.val().match(reg)) { - $(".info3").css('color','green'); + } else if (this.val().match(reg)) { + $(".info3").css('color', 'green'); $(".info3").show().html(success); return true; - } - else { - $(".info3").css('color','red'); + } else { + $(".info3").css('color', 'red'); $(".info3").show().html(error); return false; } }, //邮箱验证 - email : function( ) { + 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()==''){ + var reg = /^\w+@\w+(.[a-zA-Z]{2,3}){1,2}$/; + if (this.val() == '') { // $(".info1").css('color','#000'); $(".info2").show().html(info); return false; - } - else if (this.val().match(reg)) { - $(".info2").css('color','green'); + } 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; + } else { + $(".info2").css('color', 'red'); + $(".info2").show().html(error); + return false; } } - - + + }; - $.fn.tooltip = function( method ) { - + $.fn.tooltip = function (method) { + // Method calling logic - if ( methods[method] ) { - return methods[ method ].apply( this, Array.prototype.slice.call( arguments, 1 )); - } else if ( typeof method === 'object' || ! method ) { - return methods.init.apply( this, arguments ); + if (methods[method]) { + return methods[method].apply(this, Array.prototype.slice.call(arguments, 1)); + } else if (typeof method === 'object' || !method) { + return methods.init.apply(this, arguments); } else { - $.error( 'Method ' + method + ' does not exist on jQuery.tooltip' ); - } - + $.error('Method ' + method + ' does not exist on jQuery.tooltip'); + } + }; })(jQuery); \ No newline at end of file