html - 用jquery控制表单提交

问题描述

问 题

用jquery怎么控制表单提交？
比如下面这个表单：

<form action="/articles" method="POST">
标题：<input type="text" name="title">
内容：<input type="text" name="content">
  <button type="submit" class="btn btn-primary">提交</button>
</form>

现在没有使用jquery，点击提交按钮，表单就会提交。现在我把提交按钮的type从submit改为button,如下所示：

<button type="button" class="btn btn-primary">提交</button>

这时表单将不会提交。

问题：
我想用jquery来控制这个type="button"的按钮，提交之前先弹出一个alert，点击alert的确认之后，触发提交。应该怎么做呢？

解决方案

可以监听表单submit提交事件
给form一个id 吧button的type为submit

$(form的id).submit(function(){
    if(window.confirm('你确定要取消交易吗？')){
         //点击确定的操作 
         
      }else{
         //点击取消的操作
         //return false 阻止表单提交
         return false;
     }
})

这篇关于html - 用jquery控制表单提交的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！