您好,登錄后才能下訂單哦!
這篇文章主要講解了“怎么解決jquery submit不提交問題”,文中的講解內(nèi)容簡單清晰,易于學(xué)習(xí)與理解,下面請大家跟著小編的思路慢慢深入,一起來研究和學(xué)習(xí)“怎么解決jquery submit不提交問題”吧!
jquery submit不提交的解決辦法:1、打開相應(yīng)的表單代碼文件;2、將button的type改為submit;3、修改按鈕id即可。
本文操作環(huán)境:windows7系統(tǒng)、jquery3.2.1版、DELL G3電腦
jquery submit 不提交怎么辦?
jquery submit()不能提交表單的解決方法
今天寫表單提交的時(shí)候需要增加一個(gè)確認(rèn)提示,所以沒有使用submit按鈕提交,改用jq的submit(),然后問題了
<form class="form-horizontal m-t" method="post" action="@Url.Action("Edit")" id="form"> <div class="row"> <div class="col-sm-12"> <div class="ibox float-e-margins"> <div class="ibox-title"> <h6>添加</h6> </div> <div class="ibox-content"> <div class="form-group"> <label class="col-sm-3 control-label">開始時(shí)間:</label> <div class="col-sm-8"> <span> @(Model.annualRate_beginDate?.ToString("yyyy-MM-dd")) </span> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">結(jié)束時(shí)間:</label> <div class="col-sm-8"> <input type="text" class="form-control" name="annualRate_endDate" id="annualRate_endDate" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })" value="@Model.annualRate_endDate.ToString("yyyy-MM-dd")" required> </div> </div> <div class="form-group"> <label class="col-sm-3 control-label">年利息%:</label> <div class="col-sm-8"> <input type="number" step="0.01" class="form-control" id="annualRate_rate" name="annualRate_rate" value="@Model.annualRate_rate.ToString("#0.00")" required> </div> </div> <div class="form-group"> <div class="col-sm-4 col-sm-offset-2"> <button class="btn btn-lg btn-primary" id="submit_btn" type="button"> 提交 </button> <a class="btn btn-lg btn-white" href="@Url.Action("Index")"> 取消 </a> </div> </div> </div> </div> </div> </div> </form>
1 <script type="text/javascript"> 2 $(function () { 3 $("#submit").click(function () { 4 var start = '@(Model.annualRate_beginDate?.ToString("yyyy-MM-dd"))'; 5 var end = $("#annualRate_endDate").val(); 6 var val = $("#annualRate_rate").val(); 7 layer.confirm('請確認(rèn)所填寫的信息是否正確?<br/>開始時(shí)間:' + start + '<br/>結(jié)束時(shí)間:' + end + '<br/>年利率:' + val, { icon: 3, title: '提示' }, function (index) { 8 $("#form").submit(); 9 layer.close(index); 10 }); 11 }); 12 }) 13 </script>
點(diǎn)擊提交按鈕出現(xiàn)確認(rèn)提示,但是確認(rèn)后就沒反應(yīng)了
但是將button的type改為submit卻又能提交
于是上jQuery API查找原因,看到以下這段文字頓時(shí)明白了:
Additional Notes: Forms and their child elements should not use input names or ids that conflict with properties of a form, such as submit, length, or method. Name conflicts can cause confusing failures. For a complete list of rules and to check your markup for these problems, see DOMLint.
大概意思是表單和其子元素不宜用一個(gè)表單的屬性的屬性作為name或id的名稱,如submit, length, 和 method等,否則會產(chǎn)生沖突,名稱沖突可能就會導(dǎo)致這種情況。
原來是因?yàn)榘粹oid設(shè)為了submit
接下來只要將id改了就沒問題了
感謝各位的閱讀,以上就是“怎么解決jquery submit不提交問題”的內(nèi)容了,經(jīng)過本文的學(xué)習(xí)后,相信大家對怎么解決jquery submit不提交問題這一問題有了更深刻的體會,具體使用情況還需要大家實(shí)踐驗(yàn)證。這里是億速云,小編將為大家推送更多相關(guān)知識點(diǎn)的文章,歡迎關(guān)注!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場,如果涉及侵權(quán)請聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。