Edit Question - KnowledgeHub

Title Body

I am trying to implement Jquery validation with http://docs.jquery.com/Plugins/Validation : My design plan: My input element: <form action="submit.php" id="form_id"> <input type="text" class="val-req" id="my_input" name="myval" /> <input type="button" onclick="validate_form('form_id', function() { $('#form_id').submit(); })" /> <span id="val-msg" class="my_input"></span> </form> Then, on dom ready: $(document).ready(function() { $('.val-req').rules('add', {required:true}); }); Validate method: function validate_form(form_id, callback) { var form = $('#'+form_id); $('.val-req').each(function() {$(this).rules('add', {required:true});}); $(form).validate({ errorElement: "span", errorClass: "val-error", validClass: "val-valid", errorPlacement: function(error, element) { $('#val-msg.'+$(element).attr('id')).innerHTML(error.html()); }, submitHandler: callback }); } As per my expectations, it should display error message in the place holder span in the form. But, Problem Error on Chrome-Console : Uncaught TypeError: Cannot read property 'settings' of undefined It is also giving error on other browsers. Then, I tried to figure-out the problem and found: $('.val-req').rules('add', {required:true}); # This is causing the error As, per my understanding and documentation -> This should be correct. Why would this cause the TypeError and what can

Tags (comma-separated) Cancel