JavaScript jq範圍

Question

這是一個簡單的驗證模塊。現在，我不明白爲什麼我的函數（validateEmail）無法調用成功。我沒有JS錯誤，但瀏覽器確實與我的形式thorought驗證碼回傳

<script type="text/javascript"> 
    var Validation; 
(function (Validation) { 
    var FormValidator = (function() { 
     function FormValidator(formid) { 
      this.emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; 
      this.formID = formid; 
     } 
     FormValidator.prototype.Validate = function() { 
      var errorsSum; 
      $('#' + this.formID).find('input[type="text"][validate], textarea[validate]').each(function (index, item) { 
       var validateType = $(item).attr('validate'); 
       switch(validateType) { 
        case 'text': 
        case 'password': { 
         errorsSum += FormValidator.prototype.validateText(item); 
         break; 

        } 
        case 'email': { 
         errorsSum += FormValidator.prototype.validateEmail(item); 
         break; 

        } 
       } 
      }); 
      return errorsSum == 0; 
     }; 
     FormValidator.prototype.validateGeneric = function (element, validationFunc) { 
      var jqElement = $(element); 
      alert('tested element = ' + jqElement); 
      if(validationFunc(jqElement.val())) { 
       alert('tested element error = ' + jqElement.val()); 
       element.removeClass('error'); 
       return 0; 
      } else { 
       element.addClass('error'); 
      } 
      alert('tested element success = ' + jqElement.val()); 
      return 1; 
     }; 
     FormValidator.prototype.validateEmail = function (element) { 
      return FormValidator.prototype.validateGeneric(element, function (elementValue) { 
       return FormValidator.prototype.emailPattern.test(elementValue); 
      }); 
     }; 
     FormValidator.prototype.validateText = function (element) { 
      return FormValidator.prototype.validateGeneric(element, function (elementValue) { 
       return elementValue != ''; 
      }); 
     }; 
     return FormValidator; 
    })(); 
    Validation.FormValidator = FormValidator;  
})(Validation || (Validation = {})); 
</script> 

這是我的形式

 @using (Html.BeginForm("Register", "Account", FormMethod.Post, new { @id = "register-form", @class = "form-horizontal"})) 
    { 
     ...  
      @Html.TextBoxFor(m => m.Email, new { @placeholder = @L("Email"), @name = "email", @validate = "email" }) 
     ... 
    } 

這是驗證碼

<script type="text/javascript"> 
    $(function() { 
     $('#register-form').submit(function() { 
      return (new Validation.FormValidator('register-form').Validate()); 
     }); 
    }); 
</script> 

我不明白js這麼深

Answer 1

你需要趕上提交事件，並防止它發射，驗證表單，然後提交它是否有效。現在你一旦提交就運行javascript，但是它不管怎麼樣都不停地提交，因爲你不停止http請求。

在相關的說明，這是一個巨大的混亂。你不需要任何接近那麼多代碼的東西來驗證表單上的電子郵件和文本存在。這是all you need：

var validate = function(form){ 
    var form_valid = true; 

    form.find('input[validate], textarea').each(function(index, el){ 
    var type = el.attr('validate'); 

    if (type == 'email') { 
     if (!el.match(/^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/)) { form_valid = false; el.addClass('error'); } 
    } 

    if (type == 'text') { 
     if (!el.val() == '') { form_valid = false; el.addClass('error'); } 
    } 
    }); 

    return form_valid 
} 

$('#register-form').on('submit', function(){ 
    validate($(this)) && $(this).submit() 
}); 

希望這有助於...

編輯：做例子有點更加模塊化

你應該總是發表剃刀/ PHP /等，不產生