如何使用jQuery提交表单

时间:2015-07-24 17:18:26

标签: javascript jquery html forms submit

我无法在验证后提交表单。验证码有效 - 虽然表格未提交,但会出现“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);

       }    


    });

1 个答案:

答案 0 :(得分: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();
   }    

});