jQuery validation inside a jQuery UI Dialog does not work?

Question

I'm trying to use jQuery Validation plugin to validate the firstname and lastname textbox inputs inside a jQuery UI dialog. Every time the JS hits $("#formEditName").valid(); it just bombs. What am I missing?

My HTML:

<div id="dialogName" title="Edit Name:">
<form class="formEditName" id="formEditName" method="get" action="">
    <p class="validateTips">
        All form fields are required.</p>
    <fieldset>
        <label for="firstName">
            First Name</label>
            <input type="text" name="firstName" id="firstName" value="" />
        <label for="lastName">
            Last Name</label>
             <input type="text" name="lastName" id="lastName" value="" />
        <label for="suffix">
            Suffix</label>
             <input type="text" name="suffix" id="suffix" value="" />
             <input class="submit" type="submit" value="Submit"/>
    </fieldset>
</form>
</div>

My JavaScript:

$('#formEditName').validate({
    rules: {
        firstName: "required"
    },
    {
    lastName: "required"
    }
});

$("#dialogName").dialog({
    autoOpen: false,
    resizable: false,
    width: 500,
    modal: true,
    show: {
        effect: "blind",
    },
    hide: {
        effect: "blind",
    },
            open: $(this).parent().appendTo(jQuery("#formEditName")),
    buttons: {
        "Update": function () {

                  if ($("#formEditName").valid()) {
                      alert("valid!");
                  } else {
                      alert("not valid");
                  }

    },
    Cancel: function () {
        $(this).dialog("close");
    }
    }
});

It looks as though you have an extra "}" right after the Cancel function close bracket. — Lance
– Lance, Commented Aug 5, 2013 at 23:21

Darkhan · Accepted Answer · 2013-08-05 23:23:13Z

1

Try this:

$('#formEditName').validate({
    rules: {
        firstName: "required",
        lastName: "required"
    }
});

answered Aug 5, 2013 at 23:23

Darkhan

1,3182 gold badges14 silver badges21 bronze badges

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

Collectives™ on Stack Overflow

jQuery validation inside a jQuery UI Dialog does not work?

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related