用jquery值調用javascript函數

Question

我有以下表格：

 <form action="myaction" method="post" enctype="multipart/form-data"> <span class="required">*</span>Email</td> <input type="text" name="email" id="moosendid" /> <input type="submit" id="submit1" value="submit" class="button" /> </form> 

和一個javascript函數：

function MoosendMail(moomail) {...}

我需要在提交表單之前先運行該功能。 我嘗試過這樣的事情：

$(document).ready(function() {
  $('input#submit1').on('click',function() {
    MoosendMail($('input#moosendid').val());
  });
});

沒有成功。

有任何想法嗎？

Answer 1

您需要使用Submit處理程序，然后阻止我認為的Submit按鈕的默認操作。

function MoosendMail(moomail){
    alert(moomail);
};

  $(document).ready(function() {  
    $('#form').submit(function(e){
        e.preventDefault();     
        MoosendMail($('input#moosendid').val());
        this.submit(); // only after you are done (be careful of async requests) and want to submit.
    });
  });

希望對您有所幫助。

Answer 2

您在表單上添加了method類型post 。 因此，您首先需要停止通過e.preventDefault()提交表單。 嘗試這個：

 $(document).ready(function() { $('input#submit1').on('click',function(e) { e.preventDefault(); MoosendMail($('input#moosendid').val()); }); }); function MoosendMail(moomail) { console.log(moomail); }; 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> <form action="myaction" method="post" enctype="multipart/form-data"> <span class="required">*</span>Email</td> <input type="text" name="email" id="moosendid" /> <input type="submit" id="submit1" value="submit" class="button" /> </form>