jQuery Submit方法不提交表单数据

Question

I am using jQuery to prevent submitting form on clicking if amount is <10 and using jQuery AJAX to update amount after every 2 seconds. If meanwhile amount > 10 then I want to re-submit the form which is already filled.

I have used

$("form").submit(function(e){ e.Preventdefault;})

To prevent submitting the form when amount < 10 and if meanwhile amount updates to > 10 then I am unbinding the submit button and calling submit function again.

$("form").unbind("submit");
$("form").submit();

But this doesnt POST the data to action URL.

Here's my complete code

$(document).ready(function() {
    var damount;
    var checking=0;
    setInterval(Call2, 3000);
    function Call2() {
        damount=$("#damount").val();
        if(damount>10 && checking==1)
        {
            $("form").unbind('submit');
            $("form").submit();

        }
    }

    $("#addproject").click(function(){
        checking=1;
        damount=$("#damount").val();
        if(damount<10)
        {
            $("form").submit(function(e){
                e.preventDefault();
            });

        } 
    });

Answer 1

See another similar post and my response here:

https://stackoverflow.com/a/25806502/4021932

You're trying to call submit() on a jQuery object, which won't work. You need to call it on the DOM element.

$("form").unbind('submit'); //This is fine as it's dealing with the submit event, which jQuery handles
$("form")[0].submit(); //This calls submit() on the form DOM element

---

What about trying something like this:

$(function () {
    $("form").submit(function (e) {
        var damount = parseInt($("#damount").val());
        if (damount < 10) {
            e.preventDefault();
        }
    });

    setInterval(function () {
        $("form")[0].submit();
    }, 3000);
});