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

Popular posts from this blog

basic authentication with http post params android -

vb.net - Virtual Keyboard commands -

css - Firefox for ubuntu renders wrong colors -