html - 用jquery控制表单提交
本文介绍了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屋!
查看全文