jQuery Validation From Dynamic Form Not Working

Question

I am retrieving a form with ajax, once i have received the form and added it to the DOM, i try to append some validation to it with jQuery, the result is not as expected.

The HTML that i insert into the page from an AJAX call is:

<form id="accept-form">
    <input id="txName" type="text" value="" name="txName" data-val-required="Please Select A Valid User" data-val="true">
    <span class="field-validation-valid" data-valmsg-for="txName" data-valmsg-replace="true"></span>
</form>

I then append this form to my page and attempt to create a jQuery validator for it as follows:

$("#accept-form").validate({
    rules: {
        txName: {
            required: true
        }
    },
    messages: {
        txName: {
            required: "Enter your name"
        }
    }
});

Then when i press the submit button, i have an alert set that returns True regardless of if the txName field is empty or not:

alert($("#accept-form").valid());

Have tried several different approaches, would appreciate any ideas as to what I could be doing wrong.

Trent Stewart · Accepted Answer · 2013-09-19 09:31:10Z

4

the anwser is just the way i was parsing the html with the validator.

var form = $("#accept-form");

form.unbind();
form.data("validator", null);
$.validator.unobtrusive.parse(form);

answered Sep 19, 2013 at 9:31

Trent Stewart

8832 gold badges9 silver badges20 bronze badges

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

1 Comment

SiberianGuy Over a year ago

I'm not sure what unbind and data method were called for. Just calling unobtrusive.parse works fine for me.

AhmadF · Accepted Answer · 2013-09-19 06:15:22Z

1

put javascript code in a file and link the file to your main html page on ajax success.

if you link it to your page before ajax completion nothing would happen.

answered Sep 19, 2013 at 6:15

AhmadF

3531 gold badge2 silver badges11 bronze badges

1 Comment

Trent Stewart Over a year ago

The jquery validation is already in the parent page. It is working to an extent but returns an incorrect result.

Collectives™ on Stack Overflow

jQuery Validation From Dynamic Form Not Working

2 Answers 2

1 Comment

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related