簡體   English   中英

表單onsubmit忽略動作

[英]form onsubmit ignores action

我是JavaScript新手。 我有一個帶有動作的表單,我需要在提交時使用JavaScript填寫表單輸入。 我使用了一個onsubmit函數,該函數按預期執行,但是表單沒有在action屬性中找到該action並且沒有數據發送到服務器。
有人可以幫助我找到缺失的地方嗎?

JavaScript / jQuery:

$("#myForm").submit(function (e) {
  e.preventDefault();
  return fillFormValues();
})

function fillFormValues()
{
  $.get( ...,function( data ) {
    //fill my inputs values here
    return true;
  });
  return false;
}

HTML:

<form action="..." method="post" target="output_frame" id="myForm">
    <input name="first" id="first" type="hidden" value="">
    ...
    <input type="submit"  value="next">
</form>

您可以做的是防止jQuery事件默認值提交表單,執行ajax,一旦設置了值,就觸發本機提交事件,該事件將繞過jQuery提交偵聽器

$("#myForm").submit(function(e) {
  e.preventDefault();
  fillFormValues(this);
});

function fillFormValues(form) {
  $.get(..., function(data) {
    //fill your inputs values here
    form.submit(); //trigger native submit which is not caught by jQuery
  });
}

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM