2011-09-06 2 views
5

私はjQueryの検証私のフォーム検証のほとんどの(PLUGIN URL)プラグインを使用しています:jQueryの検証プラグイン - 数字のみ、最小&最大長 - スペースの問題

私は、次の例ている(LIVE EXAMPLE):

FORM:

<form class="form" id="feedback-form" method="post" action="#"> 


    <label for="phone">Contact number:</label> 
    <input type="text" value="" id="phone" name="phone" class="required"> 
    <br class="clr"> 

    <div class="form-buttons"> 
     <input id="submit" type="submit" value="Submit" class="button" > 
    </div> 
    <br class="clr"> 
    <br /><br /> 

</form> 

jQueryの:

$("#feedback-form").validate({ 
    rules: { 

     phone: { 
      number: true, // as space is not a number it will return an error 
      minlength: 6, // will count space 
      maxlength: 9 
     } 

    } 

}); 

私は2つの問題、容量の使用状況に関する両方を持っています。 number = true場合

  • 分&最大長は、文字
  • としてスペースをカウントし、スペースが使用されているスペースは数

ではないとして、それはエラーを返します任意の回避策は、このありますか?あなたの誰かが同じ問題で立ち往生しましたか?ご了承ください。スペースを入力し続けることをお勧めします。あなたがここを見て、スペースなし値を送信するためにbeforeValidationコールバックを追加することができます

答えて

4

Jquery Validator before Validation callbackを、それはあなたが

+1

これは、ユーザーがスペースを入力するのを停止します。完璧な解決策ではありません。私は読みやすさのためにスペースを分けておきたいが、文字数にスペースは入れない。 – Iladarsda

0

探しているもののようです非常にsmipleソリューションです:

置き換えます次のような電話入力のタイプ:

<input id="phone" type="number" maxlength="10" size="2" max="99" style="width:36px;" required /> 

あなたはスペースやものに問題はありません。私のコードでそれを使用してください。

お楽しみください

関連する問題