jquery - Firefox 停止提交但 jQuery 提交事件仍然运行

Question

我在表单中有一个文本字段设置为 type="url"。 Firefox 在提交之前似乎会验证 URL 是否正确，如果 URL 无效则不会提交。但是，即使未提交表单，jQuery 的函数 $("element").submit() 也会运行。我怎样才能避免这种情况？

我的表格如下:

<form id="form-add-dataset" role="form" action="submit.php" enctype="multipart/form-data" method="POST" >
    ...
    <input type="url" name="authors_website" class="form-control" autofocus>
    ...
    <button id="upload-button" type="submit" class="btn btn-lg btn-primary"><span class="glyphicon glyphicon-upload"></span> Upload</button></div>
</form>

我的 jQuery 代码如下:

$("#form-add-dataset").submit(function() {
    //Do stuff
});

提前致谢!

Answer 1

您可以将您的事件放在<button id="upload-button" type="submit" class="btn btn-lg btn-primary"></buton> 上并返回提交或不提交表单的良好值(value)。

$('#upload-button').on('click', function(){
  if(){ // test your params
   return false; // here if you return false the form are not submit
  }
  return true; // but if you return true the form is submit
});