1

使用 bassistance.de 的 jQuery 验证插件，验证并不总是有效，尤其是当最初验证的输入的值被删除时。

表单将通过缺少输入的验证测试，并且在 JS 控制台中也可以看到以下错误。

错误

在此处输入图像描述

jQuery库

<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/additional-methods.js"></script>

形式

<form id="payment-form" class="payment-form" method="POST" action="/checkout-process">
    <fieldset>
        <legend>Customer Info</legend>
        <label>Full Name</label>
        <input type="text" name="first_name" placeholder="First Name">
        <input type="text" name="last_name" placeholder="Last Name">
        <label>Email</label>
        <input type="text" name="email" placeholder="me@email.com">
        <label>Phone</label>
        <input type="text" name="phone" placeholder="Phone">
    </fieldset>
</form>

JS

$(function($) {

    // Validation
    $('#payment-form').validate({
        rules: {
            first_name: "required",
            last_name: "required",
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true,
                phone: true
            }
        },

        errorClass: 'alert alert-error'
    });

});
4

2 回答 2

2

问题在于规则phone，没有调用验证方法phone。

如果您包含附加方法.js，那么您可以拥有电话验证规则，如phoneUS, phoneUK,等mobileUKphoneNL

前任：

$(function($) {

    // Validation
    $('#payment-form').validate({
        rules: {
            first_name: "required",
            last_name: "required",
            email: {
                required: true,
                email: true
            },
            phone: {
                required: true,
                phoneUS: true
            }
        },

        errorClass: 'alert alert-error'
    });

});

如果这些都不符合您的要求，那么您可能必须编写自定义规则

于 2013-07-29T03:13:36.020 回答
0

请检查链接并确保它解析了确切的 url。

于 2013-07-29T03:07:27.317 回答