Jquery提交表单(通过添加button的click事件)

表单

        <form action="<%=path %>/addComment.do" method="post" id="aform">
                	<input type="hidden" name="nid"  value="${oneArticle.nid }"/>
                	<input type="hidden" name="cuser"  value="${userInfo.uname }"/>
                	<textarea id="content" name="ccontent" class="form-control" placeholder="说点什么吧..."></textarea>
               		<button type="button" id="button" name="button" class="btn btn-success btn-block">提交评论</button>
        </form>

jQuery方法:

<script type="text/javascript">
   $("#button").click(function(){
	   if($("#content").val()=="" ||$("#content").val()==null){
		   alert("评论内容不能为空!");
	   }
	   else{
		   $("#aform").submit();
	   } 
	  });
   
   </script>
jQuery中,可以使用多种方式来提交表单。常用的四种方式分别是ajaxSubmit()、getJSON()、post()和ajax()。 其中,ajaxSubmit()方法是通过使用第三方插件jquery.form来实现的。当我们希望在提交表单后不发生页面跳转时,可以使用ajaxSubmit()方法来提交表单。具体的写法如下: HTML代码: <form id="myForm" action="url" method="post"> <input type="text" name="id"/> <button id="btnSubmit">提交</button> </form> JavaScript代码: // 提交按钮的点击事件 function btnSubmit(id) { // 获取页面数据 var id = $("#myForm [name='id']").val(); // 提交表单 $.ajaxSubmit({ url: "url", // 请求路径 type: "post", // 请求类型 dataType: "json", // 数据格式 data: { id: id }, // 参数 success: function(data) { if (data.State) { alert(data.Text); } else { alert(data.Text); } } }); } 需要注意的是,以上代码是使用ajaxSubmit()方法来提交表单的示例。其他三种方式的使用方法可以参考引用[1]和引用中的相关内容。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* *2* [在jQuery提交表单的方式有哪些](https://blog.csdn.net/weixin_44484756/article/details/89873705)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *3* [jQuery数据提交](https://blog.csdn.net/weixin_49756092/article/details/119410462)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值