Плагин проверки jQuery - только цифры, минимальная и максимальная длина - проблема с пробелом

Question

Я использую плагин jQuery Validation ( PLUGIN URL ) для большей части моей проверки формы:

У меня есть следующий пример ( 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
        }

    }

});

У меня есть две проблемы, связанные с использованием пространства.

• минимальная и максимальная длина будет считаться пробелом как символ
• если number = true и пробел используется, будет возвращена ошибка, поскольку пробел не является числом

Есть ли обходной путь? Кто-нибудь из вас сталкивался с той же проблемой? Обратите внимание, я хочу разрешить вводить пробел (для удобства чтения).

Answer 1

Вы можете добавить обратный вызов beforeValidation для отправки значения без пробелов, посмотрите здесь: Jquery Validator перед обратным вызовом проверки , похоже, вы ищете

Answer 2

очень простое решение:

замените тип телефонного входа следующим образом:

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

и у вас никогда не будет проблем с пробелами и прочим, просто используйте это в моем коде!

наслаждаться