jquery - Custom validation with ajax.....Here remote method is not working -
i using jquery.validate.js, in code below both remote , regex works separately when try integrate both not working. can me did wrong?
<head> <script type="text/javascript"> $(document).ready(function(){ $("#clear").click(function(){ $("input[type=text], textarea").val(""); }); }); function submitform() { $.validator.addmethod("subtitleval", function(value, element) { return this.optional(element) || /^[a-za-z\s\_,\.:;()''""]+$/.test(value); }, "enter valid name."); var validator = $("#company").validate({ errorplacement : function(error, element) { offset = element.offset(); error.insertbefore(element) error.addclass('message'); error.css('position', 'absolute'); error.css('left', offset.left + element.outerwidth()); }, rules : { name : { required : true, subtitleval : true, remote: { type: 'post', url: "${pagecontext.request.contextpath}/company/getduplicate", data: {"name":name}, datatype : "json", success:function(data){ /* response = ( data == true ) ? true : false; */ if (data.name == true) { message: { name: 'the username in use!' } } } }, } }, }, errorelement : "span", wrapper : "span", messages : { name : { required : "name required", } } }); if(validator.form()){ $('form#company').submit(); } }; </script> </head> <body> <form:form commandname="company" action="${pagecontext.request.contextpath}/company/create.action" method="post" modelattribute="company" name="theform"> <label>name:</label> <form:input path="name" id="name"></form:input> <a href="javascript:submitform()">add</a> </form:form> </body>
please help. thanks
replace code
function submitform() { $.validator.addmethod("subtitleval", function(value, element) { return this.optional(element) || /^[a-za-z\s\_,\.:;()''""]+$/.test(value); }, "enter valid name."); var validator = $("#company").validate({ errorplacement : function(error, element) { offset = element.offset(); error.insertbefore(element) error.addclass('message'); error.css('position', 'absolute'); error.css('left', offset.left + element.outerwidth()); }, rules : { name : { required : true, subtitleval : true, remote : { type : 'post', url : "${pagecontext.request.contextpath}/company/getduplicate", data : { name: function() { return $("#name").val(); } } } } }, errorelement : "span", wrapper : "span", messages : { name : { required : "name required", remote : "name taken." } } }); if (validator.form()) { $('form#company').submit(); } };
Comments
Post a Comment