Проверка формы JQuery предотвращает отправку формы

Я использую проверку формы JQuery, валидация работает, но моя форма по-прежнему отправляется. Я попытался добавить «return false», но безрезультатно. В онлайн-документации также, похоже, отсутствуют действительные действия по представлению формы.Проверка формы JQuery предотвращает отправку формы

Вот мой код:

$(function(){ 

    $("form#ticketSubmit").validate({ 

      rules:{ 

       name:{ 
        required: true, 
        number: false 
       } 

      } 

    }); 

    $('form#ticketSubmit').submit(function(){ 

      // DO SOME AJAX 

    }); 

});

Спасибо!

источник

2013-09-17 Alan A

Это не показывает каких-либо проблем. Не могли бы вы добавить код 'submit'? –

Вы пытаетесь выполнить проверку ajax? Else try '.on ('submit', function() {...' – sakhunzai

@Jeevan Jose, если я поместил какой-либо другой код в первое событие, связывая его с сообщениями об ошибках кода ... –

Надеется, что вы забыли включить jquery.validation.js.

Try:

$(document).ready(function() { 
    $("form#ticketSubmit").validate({ 
      rules:{ 
       name:{ 
      required: true, 
        number: false 
       } 
      }   
    });  
    // if the "save to report" form is submitted 
    var isvalidate=$("#form#ticketSubmit").valid();  
    if(isvalidate){  
      $('form#ticketSubmit').submit(function(e){ 
       e.preventDefault(); 
       var dataString=$(this).serialize(); 
       // Do some AJAX 
      }); 
    } 
});

DEMO FIDDLE

источник

2013-09-17 12:00:46 Unknown

Я все еще получаю форму отправки –

' preventDefault() 'перестанет отправлять форму. http://jsfiddle.net/5gLD8/. Поделитесь своим кодом в скрипте, это будет полезно для нас. – Unknown

, но это не использует тот же метод проверки ... –

$(function(){ 

    $("form#ticketSubmit").validate({ 

      rules:{ 

       name:{ 
        required: true, 
        number: false 
       } 

      } 

    }); 


    $('form#ticketSubmit').submit(function(){ 
    var isvalidate=$("#form#ticketSubmit").valid(); 
      if(!isvalidate) 
      { 
       e.preventDefault(); 
       alert("invalid"); 
      }else{ 
    e.preventDefault(); 
    //Do AJAX 
    } 

     }); 
});

источник

2013-09-17 12:02:58 Shashank

Следует предотвращать по умолчанию независимо ofvalidate. –

использование предотвратить по умолчанию wen подтверждать возвращает false потому что мы используем форму.submit .. – Shashank

Ajax не запускается поскольку форма будет отправлять и перезагружать страницу. –

$(function(){ 

     $("form#ticketSubmit").validate({ 

       rules:{ 

        name:{ 
         required: true, 
         number: false 
        } 

       } 

     }); 



     var isvalidate=$("#form#ticketSubmit").valid(); 
       if(!isvalidate) 
       { 

        alert("invalid"); 
       }else{ 
    $('form#ticketSubmit').submit(function(){ 
event.preventDefault(); 
     //Do AJAX 
    }); 
     } 


    }); 

Use this

источник

2013-09-17 12:10:07 Shashank

, что не работает, теперь форма отправляет и не выполняет вызов ajax –

Вы должны использовать submitHandler вариант JQuery Validate:

$("form#ticketSubmit").validate({ 
     rules:{ 
      name:{ 
       required: true, 
       number: false 
      } 
     }, 
     submitHandler: function(form){ 
      var data=$(form).serialize(); 
      //do your ajax with the data here 
     } 

});

источник

2013-09-17 15:30:05 Ryley

Working Example see whether this is use-full... 


<html> 
     <head> 
     <title>Bootstrap 101 Template</title> 
     <meta name="viewport" content="width=device-width, initial-scale=1.0"> 
    <link href="css/bootstrap.min.css" rel="stylesheet"> 
    <link rel="stylesheet" href="http://jquery.bassistance.de/validate/demo/site-demos.css"> 
    <link href="css/bootstrap-responsive.css" rel="stylesheet"> 
    <script src="http://code.jquery.com/jquery.js"></script> 
    <script src="js/bootstrap.min.js"></script> 
    <script src="js/bootstrap.js"></script> 
    <script src="http://jquery.bassistance.de/validate/jquery.validate.js"></script> 
    <script src="http://jquery.bassistance.de/validate/additional-methods.js"></script> 
    <script type="text/javascript"> 



    jQuery.validator.addMethod("lettersonly", function(value, element) { 
     return this.optional(element) || /^[a-z]+$/i.test(value); 
    }, "Letters only please"); 

     jQuery.validator.setDefaults({ 
     debug: true, 
     success: "valid" 
    }); 
    $(function(){ 
    $('#myForm').validate({ 
    rules: { 
      myPrice:{ 
       required: true, 
       lettersonly: true 
       //number: false 
       //denominationCheck:true 
       } 
      } 

     }); 

     $('#submit').click(function(){ 


      if($('#myForm').valid()) 
      { 
      //doAjax 
      }else{ 
      alert("invalid credentials"); 
      } 

     }); 

    }); 

    </script> 
     </head> 
     <body>  

       <form id="myForm"> 
       <input id="myPrice" type="text" name="myPrice" style="float: left;"/><br> 
       <button id="submit">Validate!</button> 
       </form> 
     </body> 

    </html>

источник

2013-09-19 06:52:09 Shashank

Проверка формы JQuery предотвращает отправку формы

ответ

Смежные вопросы