使用<a>标记提交表单

Question

我有一个带有一些字段的表单和一个带有链接的按钮。我想点击这个按钮并提交表单。表单如下所示：

 <form id="myForm" action="mypage.jsp">
  .....
 <a class="submit-button" href="#">Submit</a>
 </form>

然后我的js：

  $(".submit-button").click(function(){
        if($(".submit-button").hasClass("disabled") == false){ 
            alert("true");
            $("#myForm").submit(function(ev) { 
                alert("submit");
                var form = $(this);
                $.ajax({
                    url: form.attr('action'),
                    data: form.serialize(),
                    success: function (data) {
                        ....
                    }
                });     
                return false;
            });         
        }   
    });

我的问题是，当我点击按钮什么都不会发生。我能看到“真”警报，但看不到“提交”警报。有人知道问题出在哪里吗？提前感谢

Answer 1

试一试

将submit处理程序放在按钮外单击，然后在单击时调用submit。

我可以从您发布的html表单中看到id myForm而不是supportForm。

$(".submit-button").click(function () {
    if ($(".submit-button").hasClass("disabled") == false) {
        alert("true");
        $("#myForm").submit(); // or $("#myForm").trigger("submit");
    }
});
$("#myForm").submit(function (ev) {
    alert("submit");
    var form = $(this);
    $.ajax({
        url: form.attr('action'),
        data: form.serialize(),
        success: function (data) {....
        }
    });
    return false;
});

Answer 2

这可能是因为您的表单有一个id myForm，但是您正在尝试提交supportForm

Answer 3

你必须提交表格并将目标动作设置到iframe.如果您想在iframe加载之后进行AJAX发布.

HTML:

<form id="my_form" class="myForm" method="post" action="mypage.jsp" **target="iframe123"**>


 </form>
 **<iframe id="iframe123" style="display:none;">

  </iframe>**
  <a class="submit-button" href="#" onclick="">Submit</a>

 jQuery:

  document.getElementById('my_form').submit(); // to submit form
    $('#iframe123').on('load',function(){ // Ajax Post
            alert('Hello');
            var form = $(this);
            $.ajax({
                url: form.attr('action'),
                data: form.serialize(),
                success: function (data) {

                }
            });     
            return false;
 });

演示

  Hope it Helps....
  Thank U