添加注释

Html-practice/jQuery/js/FormValidation.js

@@ -4,23 +4,24 @@
   var methods = {
     //用户名验证
     userName: function () {
+      // 定义默认字段
       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 false;
-      } else if (this.val().match(reg)) {
+      } else if (this.val().match(reg)) { // 用户名正则匹配
         $(".info1").css('color', 'green');
         // $(".info1").css('background','#fff');
         $(".info1").show().html(success);
         return true;
 
-      } else {
+      } else { // 正则匹配失败触发的事件
         $(".info1").css('color', 'red');
         $(".info1").show().html(error);
         return false;
@@ -30,19 +31,22 @@
     },
     // 密码验证
     password: function () {
+      // 定义默认字段
       var success = "success";
       var error = "Error";
       var info = "Password";
+      // 密码验证正则表达式
       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)) {
+      } else if (this.val().match(reg)) {  // 正则匹配
         $(".info3").css('color', 'green');
         $(".info3").show().html(success);
         return true;
-      } else {
+      } else { // 匹配失败的情况
         $(".info3").css('color', 'red');
         $(".info3").show().html(error);
         return false;
@@ -51,20 +55,22 @@
     },
     //邮箱验证
     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 false;
-      } else if (this.val().match(reg)) {
+      } else if (this.val().match(reg)) { // 正则匹配
         $(".info2").css('color', 'green');
         $(".info2").show().html(success);
         return true;
-      } else {
+      } else { // 匹配失败事件
         $(".info2").css('color', 'red');
         $(".info2").show().html(error);
         return false;
@@ -74,7 +80,7 @@
 
 
   };
-
+// 函数调用的方法
   $.fn.tooltip = function (method) {
 
     // Method calling logic