jQuery組驗證多個文本框

我試圖在homephone字段上實現jQuery驗證。目前我的家庭電話字段應包含10位數字。所以我有3個單獨的文本框。第一個和第二個文本框每個接受3個數字，而最後一個文本框接受4個數字。目前驗證工作正常。但是我想要的是所有三個文本框的共同信息。現在，如果我離開1個文本框，錯誤消息將顯示正常，但只要我離開超過1個文本框，錯誤消息就會被覆蓋。含義錯誤消息的數量=文本框左側的數量。我想留下任何數量的文本框只是一個錯誤消息，同時進入HOMEPHONE number.The代碼如下jQuery組驗證多個文本框

$("#signup").validate({ 
     rules: { 
      "data[User][homephone1]": { 
       required: true, 
       number: true, 
       minlength: 3, 
       maxlength: 3 
      }, 
      "data[User][homephone2]": { 
       required: true, 
       number: true, 
       minlength: 3, 
       maxlength: 3 
      }, 
      "data[User][homephone3]": { 
       required: true, 
       number: true, 
       minlength: 4, 
       maxlength: 4 
      } 
     }, 
     messages: { 
      "data[User][homephone1]": { 
       required: "Please enter a valid Phone Number", 
       number: "", 
       minlength: "", 
       maxlength: "" 
      }, 
      "data[User][homephone2]": { 
       required: "Please enter a valid Phone Number", 
       number: "", 
       minlength: "", 
       maxlength: "" 
      }, 
      "data[User][homephone3]": { 
       required: "Please enter a valid Phone Number", 
       number: "", 
       minlength: "", 
       maxlength: "" 
      }

有一個group_from屬性，但我不能夠實現it.Any幫助將是非常讚賞。

來源

2013-12-23 Anirudh Rautela

請張貼我們的HTML。 – Bora

在一個側面說明，你可以只使用某種[表格助手（http://bootstrapformhelpers.com/phone/#jquery-plugins） – Tomanow

你可能會尋找這樣的事情 HTTP： //stackoverflow.com/questions/15136943/jquery-validate-out-of-two-blank-fields-at-least-one-field-must-be-filled-or-b –

報價OP：

「目前的驗證被罰款眼下的工作，但我要的是所有三個文本框一個共同的信息，如果我離開1個文本框。錯誤信息會顯示正常，但只要我離開多於1個文本框，錯誤信息就會被覆蓋。意思是錯誤信息的數量=剩餘文本框的數量。我只需要一個錯誤信息f或輸入家庭電話號碼時留下的任何數量的文本框「。

「有一個group_from屬性，但我無法實現它。」

有沒有這樣的事情作爲group_from選項。但是，groups選項將做你想做的。它只是將多個字段的所有錯誤消息合併爲一個。

$("#signup").validate({ 
    rules: { 
     "data[User][homephone1]": { 
      required: true, 
      number: true, 
      rangelength: [3, 3] 
     }, 
     "data[User][homephone2]": { 
      required: true, 
      number: true, 
      rangelength: [3, 3] 
     }, 
     "data[User][homephone3]": { 
      required: true, 
      number: true, 
      rangelength: [4, 4] 
     } 
    }, 
    messages: { 
     "data[User][homephone1]": "Please enter a valid Phone Number", 
     "data[User][homephone2]": "Please enter a valid Phone Number", 
     "data[User][homephone3]": "Please enter a valid Phone Number" 
    }, 
    groups: { 
     phoneGroup: "data[User][homephone1] data[User][homephone2] data[User][homephone3]" 
    } 
});

組名稱，phoneGroup完全是任意的，不使用其他任何地方。
您還可以選擇在messages選項下指定一個消息每個字段。
minlength和maxlength規則可以合併爲rangelength規則。

工作演示：http://jsfiddle.net/JdTZd/

來源

2013-12-23 16:42:17 Sparky

非常感謝。它工作，你救了我的一天:-) –

jQuery組驗證多個文本框

回答

相關問題