Jquery server side validation in mvc

Question

I am validating a name form serverside but it is shows me error message without validating and without calling conroller action method.                       try  {                        var  apiUrl =  '@Url.Action("Validate", "ServerValidations")' ;                                            $( '#formAdd' ).validate({                           errorElement:  'span' ,  //default input error message container                            errorClass:  'help-block help-block-error' ,  // default input error message class                            focusInvalid:  false ,  // do not focus the last invalid input                            ignore:  "" ,   // validate all fields including form hidden input                            messages: {                               Name: {                                   required:  'Please enter Name' ,                                   maxlength:  'Length exceeded! Size should be less than 50 characters' ,                                   VerifyName:  "This Job title already exist in "                                }                           },                           rules: {                               ArName: {                                   maxlength: 50,                                   required:  true ,                                   VerifyrName:  true                                }                              }                             });                      }  catch  (err) {                        //  alert(err.message);                    }         function  addVerifyNameRule(apiUrl, errMessage) {        //alert('add rule :'+apiUrl);        jQuery.validator.addMethod( "VerifyName" ,  function  (value, element) {            //alert('call validator');            $.ajax({               type:  'POST' ,               dataType:  'json' ,               async:  false ,               url: apiUrl,               data: {  'Value' : value,  'ValidateRule' : 1 },               success:  function  (result) {                   alert( 'res' );                    if  (result[ 'ValidateResult' ] ==  '1' ) {                        return   true ;                        //alert('valid!');                    } else                    {                        return   false ;                        //alert('not valid!');                    }               },               error:  function  (err) {                    return   false ;                    //alert('error : ' + err.message);                }           });          //  return result;        }, errMessage);

Asma Khalid · Answer

@Sheikh Parvav -- That okay you can remove the data annotations from the sample code. What happens here is that when you attach Jquery or MVC platform (With Data Annotations) form validator, your request is not sent to the controller beause of the from validations whether Jquery or mvc platform base. Especially when you are using Html.BeginForm(...) razor view controller. If you need to send request to your controller while attacing Jquery or mvc platform form validation, you need to use Ajax . BeginForm (...) instead.
This way you will be able to send request on controller & use front-end vlidator as well.
Here is how you can create a simple ajax.beginform control i.e. http://bit.ly/2ongt1Q

Sheikh parvaz · Answer

Thanks Asma,    Actually I do not want to use Dataanotations.

Asma Khalid · Answer

This might help you http://www.c-sharpcorner.com/article/asp-net-mvc5-jquery-form-validator/

Sheikh parvaz · Answer

Calling with this function:         $(document).ready( function  () {   addVerifyNameRule(apiUrl,  "name is already exist" );   });