как отправить форму с помощью jQuery

Question

Мне не удается отправить форму после ее проверки. код проверки работает - появляется текст «alert()», хотя форма не отправляется.

Я пробовал много вариантов, но никто из них не работал, пожалуйста, помогите.

Спасибо!

HTML:

    <label for="name"> Name: </label> 
        <input class="inputfield" type="text" name="name" required placeholder="Full name" /> 
        <br /> 

        <label for="phone"> Phone Number: </label> 
        <input class="inputfield" type="text" id="phone" name="phone" required placeholder="Phone Number" /> 
        <br /> 

        <!-- <label for="email"> E-mail: </label> 
        <input class="inputfield" type="email" id="email" name="email" required placeholder="Email adress" /> 
        <br /> --> 

        <label for="message"> Message: </label> 
        <textarea cols="50" rows="4" class="textarea" name="message" placeholder="Message"> </textarea> 
        <br /> 

        <div id="error"></div> 

        <input class="submitform" type="submit" name="submit" value="Send" /> 

       </form> 
      </div> 

JQuery:

$("#validation").submit(function(event){ 

     var errorMessage = ""; 

     event.preventDefault(); 


     if (!$.isNumeric($('#phone').val())) { 

      errorMessage="Please enter a Valid Phone"; 

    }  

     if (errorMessage == "") { 
      alert("good") 
     } else { 

      $("#error").html(errorMessage); 

     }  


    }); 

Answer 1

Ваш призыв к event.preventDefault(); препятствует отправке. Попробуйте следующее:

$("#validation").submit(function(evt){ 
    var errorMessage = "";   

    if (!$.isNumeric($('#phone').val())) { 
     errorMessage="Please enter a Valid Phone"; 
    }  

    if (errorMessage == "") { 
     alert("good") 
    } else { 
     $("#error").html(errorMessage); 
     evt.preventDefault(); 
    }  

});