jquery validate with if statement in custom method

Question

I am using the validate plugin for jquery and have the following custom method:

$.validator.addMethod("username", function(value, element) {
    if (element.prop("required")) {  
        var re = new RegExp('^([FG]?\\d{5}|\\d{5}[AB])$');
    } else  {
        var re = new RegExp('^'+element.defaultValue+'|^([FG]?\\d{5}|\\d{5}[AB])$');
    }
    return re.test(value);
});

The if statement returns the error element.prop is not a function.

I've also tried $(this).prop... and although I don't get any errors it always runs the else part of the statement.

Is there anything else I can use instead to achieve this??

EDIT:

Here's the call:

$("#myform").validate({
    debug: true,
    ignore: ".ignore",
    rules: {
        field: {
            required: {
                 depends: function() {
                     return $(this).prop("required");
                 }
            },
            username: true,
        }
    },
    messages: {
        field: {
            username: "Enter a valid username"
        }
    },
    success: function(label) {
        label.text("Good result!");
    },
    submitHandler: function() {
        alert("submitted!");
    }
});

Fenton · Accepted Answer · 2012-08-14 16:22:10Z

2

I think you should use:

if ($(element).prop("required")) {

answered Aug 14, 2012 at 16:22

Fenton

253k74 gold badges404 silver badges414 bronze badges

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

3 Comments

Tom Over a year ago

Ha! As much as I thought I'd tried everything, I guess I missed this one. Thanks!

Fenton Over a year ago

That is often the case - you did almost try this exact answer, but not quite :)

Nope Over a year ago

@Tom: If you don't want to wrap the element into a jQuery object you can also use element.getAttribute("required"), though if you are using jQuery anyways, then there is no need to mix syntax.

Rajeev Sharma · Accepted Answer · 2012-08-14 17:19:31Z

0

you may be using older jQuery version:

try $(element).attr("required")

edited Aug 14, 2012 at 17:19

answered Aug 14, 2012 at 16:22

Rajeev Sharma

1616 bronze badges

2 Comments

Rajeev Sharma Over a year ago

try $(element).attr("required")

Nope Over a year ago

@RajeevSharma: You should update your answer with your comment $(element).attr("required") as element.attr("required") is not going to execute.

Collectives™ on Stack Overflow

jquery validate with if statement in custom method

2 Answers 2

3 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

3 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related