jQuery驗證器插件沒有捕獲提交操作

基本上，當我點擊提交時，它會將我發送到下一頁，而不是阻止發佈。它甚至不再驗證，所以也需要發生。我將如何去解決這個問題？jQuery驗證器插件沒有捕獲提交操作

的Javascript：

<script language="javascript" type="text/css"> 
jQuery.validator.addMethod(
    "noStateSelected", 
    function(value, element) { 
    if (element.value == "") 
    { 
     return false; 
    } 
    else return true; 
    }, 
    "" 
); 

    jQuery.validator.messages.required = ""; 


    $(document).ready(function(){ 
     $("#newMemberForm").validate({ 
     invalidHandler: function(e, validator) { 
      var errors = validator.numberOfInvalids(); 
      if (errors) { 
       var message = errors == 1 
        ? 'You missed 1 field. It has been highlighted below.' 
        : 'You missed ' + errors + ' fields. They have been highlighted below.'; 
       $("div.error span").html(message); 
       $("div.error").show(); 
      } else { 
       $("div.error").hide(); 
      } 
     }, 
     submitHandler: function() { 
      $(#newMemberForm).submit(); 
     }, 
     errorLabelContainer: "#messageBox", 
     wrapper: "li", 
     onkeyup: false, 
     submitHandler: function() { 
      $("div.error").hide(); 
      $("label.error").remove(); 
     }, 
     rules: { 
      sponsor: "required", 
      username: "required", 
      password: "required", 
      first_name: "required", 
      last_name: "required", 
      phone_number: "required", 
      tax_id: "required", 
      address_1: "required", 
      city: "required", 
      postal_code: "required", 
      profile_stateList: { 
       noStateSelected: true 
      }, 
      email: { 
       required: true, 
       email: true 
      }, 
      terms_conditions: "required" 
     }, 
     messages: { 
       email: { 
        email: "Your email address must be in the format of [email protected] ." 
      }, 
      terms_conditions: "You must agree with the conditions." 
     } 

    }); 
    }); 
    </script>

HTML：

<form name="newMember" id="newMemberForm" action="~secure_url~/cgi-bin/xflow/newuser.cgi" method="POST"> 
.... 
[Conditional input text box required if it exists] 
... 
</form>

來源

2010-12-01 Rijvi Rajib

你看到任何javascript錯誤？ – 2010-12-01 18:08:34

沒有Javascript錯誤。 – 2010-12-01 18:11:56

我的愚蠢問題，我做了文字/ CSS的類型。它已被修復。

來源

2010-12-02 00:52:02

你有你透過行動有一個壞的選擇（你缺少引號）：

submitHandler: function() { 
     $(#newMemberForm).submit(); 
    },

應該是：

submitHandler: function() { 
     $("#newMemberForm").submit(); // Quotes here 
    },

來源

2010-12-01 18:26:06

jQuery驗證器插件沒有捕獲提交操作

回答

相關問題