This topic contains 15 replies, has 2 voices, and was last updated by Peter Stoev 10 years ago.
-
We have an html page that creates a form:
<div> <br><br> <div id="createUser" class="submit createNew createUserButton"> <img class="createNewUserImg" style="width:25px; height=25px;" src="<?php echo $this->basePath('img/add.png') ?>"/> </div> <br><br> <div id="createUserGrid" class="jqxgrid jqxAdminUserGrid"></div> </div>The validator that goes with it works:
function createUserValidator() { $("[name='newPassword']").jqxPasswordInput({ width: '165px', height: '20px', showStrength: true, showStrengthPosition: "right" }); $("[name='newPasswordVerify']").jqxPasswordInput({ width: '165px', height: '20px', showStrength: true, showStrengthPosition: "right" }); // this prevents auto reload of page and let me validate $(".createUserButton").on('submit', function() { //if action is false then we can validate - otherwise it's a code based press so call action if ($('.createUserButton').attr('action') == 'false') { $('.createUserButton').jqxValidator('validate'); return false; } else { // let's us continue with action return true; } }); $(".createUserButton").jqxValidator({ position: 'left', rules: [ {input: "[name='username']", message: 'Username is required!', action: 'keyup, blur', rule: 'required'}, {input: "[name='username']", message: 'Your username must be between 4 and 50 characters!', action: 'keyup, blur', rule: 'length=4,50'}, {input: "[name='email']", message: 'E-mail is required!', action: 'keyup, blur', rule: 'required'}, {input: "[name='email']", message: 'Invalid e-mail!', action: 'keyup', rule: 'email'}, {input: "[name='display_name']", message: 'Display (Real) Name is required!', action: 'keyup, blur', rule: 'required'}, {input: "[name='display_name']", message: 'Your real name must not contain numbers!', action: 'keyup', rule: 'notNumber'}, {input: "[name='newPassword']", message: 'Password is required!', action: 'keyup, blur', rule: 'required'}, {input: "[name='newPassword']", message: 'Your password must be between 6 and 16 characters!', action: 'keyup, blur', rule: 'length=6,16'}, {input: "[name='newPasswordVerify']", message: 'Password is required!', action: 'keyup, blur', rule: 'required'}, {input: "[name='newPasswordVerify']", message: 'Passwords don\'t match!', action: 'keyup, focus', rule: function (input, commit) { if (input.val() === $("[name='newPassword']").val()) { return true; } return false; } } ] }); $(".createUserButton").on('validationError', function (event) { }); $(".createUserButton").on('validationSuccess', function (event) { // valid entry so set the action and click the submit button again with action attached $('.createUserButton').attr('action', createUserUrl); $("#createUserSubmit").click(); }); $("#dialogCancelButton").click(function(){ $(".createUserButton").jqxValidator('hide'); }); $("#dialogWindow").on('close', function () { $(".createUserButton").jqxValidator('hide'); }); }' Yet, when in the jquery code we create cells in a grid that are to use the same form and the same validator, the validator will NOT work. I see no hints, no messages and get nothing. both have the class createUserButton which is used to associate the validator to the class but the edit form does not get validated. Any ideas?var editCellRenderer = function (row, columnfield, value, defaulthtml, columnproperties) {
return ‘<div onclick=”editButtonPress(this);” type=”button” class=”btnEdit userButton createUserButton jqx-rc-all jqx-rc-all-darkblue jqx-button jqx-button-darkblue jqx-widget jqx-widget-darkblue jqx-fill-state-normal jqx-fill-state-normal-darkblue” id=”‘ + row +'” value=”Edit User” style=”width:100%”/>’
+’
</div>’;
};`
You must be logged in to reply to this topic.