jqxvalidator Error

[mohamedazherParticipant]

Hi,

When trying to create a validator on elements which are in a dom variable but not yet appended to the page, we get an error TypeError: Cannot read property ‘nodeType’ of undefined

All elements including the form is present inside the dom variable and are accessible but jqxvalidator fails for some reason.

Eg:
var frm = ‘<form id=”testForm” action=”./”><table class=”register-table”><td>Username:</td><td><input type=”text” id=”userInput” class=”text-input” /></td></tr><tr><td>E-mail:</td><td><input type=”text” id=”emailInput” class=”text-input” /></td></tr></table></form>’;

//creating a valid dom variable with all inputs selectable
frm = $(‘<div id=”frmContainer”>’+frm+'</div>’);
try{
frm = frm.find(‘#testForm’).jqxValidator({
rules: [

{
input: ‘#userInput’,
message: ‘Username is required!’,
action: ‘blur’,
rule: ‘required’

}, {
input: ‘#emailInput’,
message: ‘Invalid e-mail!’,
action: ‘blur’,
rule: ’email’
}, {
input: ‘#emailInput’,
message: ‘Invalid e-mail!’,
action: ‘blur’,
rule: ‘required’
}]
});
}
catch(e){
alert(e);
}
$(“#container”).append(frm);
$(“#jqxbutton”).jqxButton({
theme: ‘energyblue’,
width: 100,
height: 30
});

$(“#jqxbutton”).click(function () {
$(‘#testForm’).jqxValidator(‘validate’);
});

Please check the fiddle http://jsfiddle.net/mohamedazher/hQwmm/126/ for an example.

I have large form and rendering them using the jqwidgets slows down a lot. So i am trying to build the elements in a dom variable before trying to append them to the body. Everything works but the creating of the validator fails.

Please let me know if anything can be done to work around this issue.

Regards,
Mohamed Azher

[DimitarParticipant]

Hello Mohamed Azher,

The validator has to be initialized from an element that is actually in the DOM by the time the initialization code is called. We may be able to help you speed up the form widget initialization, though, if you provide us with more information or a sample code.

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[mohamedazherParticipant]

Hi,

Thanks for you reply Dimitar. Although the error is thrown, i noticed that the validations still work. May be its going something to do with the timing where it fails during debugging.

I decided to leave it at that for now as it anyway works.

Thanks for your help.

Regards,
Mohamed Azher

[Author]

Posts