Проверка формы jquery не работает - почтовый индекс и электронная почта

Question

У меня есть этот код jquery:

<script src="../js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">

jQuery(function(){
    jQuery("#zip").validate({
        expression: "if (VAL.match(/^[0-9]{5}$//)) return true; else return false;",
        message: "invalid zip code"
    });
    jQuery("#email").validate({
        expression: "if (VAL.match(/^[^\\W][a-zA-Z0-9\\_\\-\\.]+… return true; else return false;",
        message: "invalid email"
    });
});    
</script>

<form action="save.php">
    <input type="text" name="email" id="email" />
    <input type="text" name="zip" id="zip" />
    <input type="submit" name="go" id="go"  value ="go" />
</form>

но когда я нажимаю кнопку отправки, он не проверяет почтовый индекс и электронную почту, он отправляет форму. Мое "выражение" неправильно?

Спасибо

Answer 1

Обратная связь в этой форме

Эта концепция пятизначного почтового индекса, состоящего только из цифр, предназначена только для людей в Соединенных Штатах.

В других странах более сложные почтовые индексы с меньшим количествомили требуется больше цифр, или с нечисловыми символами.Например, Канада поддерживает буквенно-цифровые почтовые индексы .

Если вы уверены, что хотите, чтобы этот веб-сайт работал только для людей в США, не беспокойтесь об этом.В противном случае я рекомендую сделать это поле более гибким.

Проблемы с кодом

Я думаю, у вас будет меньше головной боли для такой простой формы, как эта, если вы будете использовать встроенные правила проверки.Он может обрабатывать оба этих поля очень легко.

См. Эту скрипку: http://jsfiddle.net/tzMTs/

Источник:

<script src="../js/jquery-1.6.1.min.js" type="text/javascript"></script>
<script src="../js/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
    $("#somethingForm").validate();
</script>

<form id="somethingForm" action="save.php">
    <span>E-Mail</span>
    <input type="text" name="email" id="email" class="required email" />
    <br>
    <span>Zip Code</span>
    <input type="text" name="zip" id="zip"
        class="required digits" minlength="5" maxLength="5" />
    <input type="submit" name="go" id="go"  value ="go" />
</form>