bassistance jQuery Validation throwing errors

Question

Using bassistance.de's jQuery validation plugin, the validation do not always work, especially when an input that's initially been validated has its values removed.

The form will pass the validation test with the missing input, and the following error is also seen in the JS console.

Error

enter image description here

jQuery lib

<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

<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="[email protected]">
        <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'
    });

});

use a non minified version of the library while debugging, so that we can get the correct line number — Arun P Johny
– Arun P Johny, Commented Jul 29, 2013 at 3:04
it looks like a problem with one of the specified rules, did you include the additional-methods.js also — Arun P Johny
– Arun P Johny, Commented Jul 29, 2013 at 3:09
line 549 says result = $.validator.methods[method].call( this, val, element, rule.parameters ); which means one of the rule name you have specified is invalid — Arun P Johny
– Arun P Johny, Commented Jul 29, 2013 at 3:10

Arun P Johny · Accepted Answer · 2013-07-29 03:13:36Z

2

The problem is with the rule phone, there is no validation method called phone.

If you include the additional-methods.js, then you can have phone validation rules like phoneUS, phoneUK, mobileUK, phoneNL etc

Ex:

$(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'
    });

});

If none of these matches your requirement, then you may have to write a custom rule

answered Jul 29, 2013 at 3:13

Arun P Johny

389k68 gold badges532 silver badges532 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Nyxynyx Over a year ago

Thanks that solved the problem... I cant seem to find a link to all the rules that comes along with the plugin

Arun P Johny Over a year ago

@Nyxynyx I don't think the additional-methods.js is documented properly... any way you can easily read that file to see all the available rules

Ramesh · Accepted Answer · 2013-07-29 03:07:27Z

0

Please check the links and make sure it resolves the exact url.

answered Jul 29, 2013 at 3:07

Ramesh

1,7423 gold badges19 silver badges38 bronze badges

Collectives™ on Stack Overflow

bassistance jQuery Validation throwing errors

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related