2. 程式人生 > >點選表單中的button標籤提交表單問題的解決辦法

點選表單中的button標籤提交表單問題的解決辦法

阿新 • • 發佈：2018-12-25

介紹

最近在公司寫後臺業務的時候發現，標籤放到了表單中，點選這個button變成了提交，相當於。點選的話相當於請求了一次但是我們並不需要重新請求，我們需要將標籤的請求取消

解決辦法

  • 在from表單中所在的button標籤裡面js fcuntion裡return false，或者在onclick=“funtion();return false” 或者指定button 為type button

具體的程式碼的簡單例項

<html>  
<head>
<script>
function1(){
.....

}
function2
 
(){
...
return false
}
</script>
</head>
<body>  
    <form action="">  
       <button onclick="function1();return false">按鈕1</button>  
   	<button onclick="return function2()">按鈕2</button>  
   	<button type="button" onclick="function1()">按鈕3</button
 
>  
       <input type="text" value="hjsjy"/>  
       <input type="submit" value="input submit"/>  
    </form>  
</body>  
</html>

相關推薦

點選表單中的button標籤提交表單問題的解決辦法

介紹 最近在公司寫後臺業務的時候發現，標籤放到了表單中，點選這個button變成了提交，相當於。點選的話相當於請求了一次但是我們並不需要重新請求，我們需要將標籤的請求取消 解決辦法 在from表單中所在的button標籤裡面js fcuntion裡return false

關於form表單中使用ajax提交表單，ajax無法success的問題

問題背景：我的畢業設計是重構自己以前寫過的一個小網站，之前寫的時候沒有用任何框架，前後臺互動資料靠el表示式、form表單。在完成畢業設計時使用SpringMVC+Spring+MyBatis+JQuery，統一使用ajax來互動資料。 問題再現： html關鍵程式碼<

Struts2中JSTL標籤不起作用解決辦法

1.設定某個jsp頁面使用el表示式，需要在jsp頁面加上（控制單個頁面） <%@ page isELIgnored="false"%>  //我設定了這點就可以了， 2.看你的web.xml檔案中頭的引用應該是 2.4.xsd <web-app id="WebApp_

移動端開發H5頁面點選按鈕後出現閃爍或黑色背景的解決辦法

-webkit-tap-highlight-color:transparent; *{-webkit-tap-highlight-color:transparent; } H5頁面在IOS端測試的時候

xcode的indexing功能取消，出現無法command點選跳轉方法，程式碼變白的解決辦法

最近xcode特別卡  情急之下網上看了一個去掉xcode自帶的indexing的方法，按照教程操作之後，xcode的確不卡了，但是出現了問題就是程式碼顏色全部變白，command點選方法不能跳轉，出現一個問號，失去了程式碼聯想功能，弄了兩天，試過了很多方法，終於找到一個方

關於jQuery中button標籤自動提交form表單的問題

在form表單中,當我們將button標籤作為事件源,使用jQuery對其繫結一個事件,來造作多選框的同步多選,反選,或者解析輸入文字進而匹配相應選項設定時會發現,在點選button之後,結果會出現,但卻一閃而過.這是為什麼嘛呢?當我們將form表單的"Method" 屬性設

關於form表單中button按鈕自動提交問題

courier tex w3c line 自動提交 get style href span 坑:點擊確認按鈕,form表單提交2次,發送後臺2次請求 　　 //錯誤代碼: <Button id="btnSubmit" name="btnSubmit" cla

jQuery中使用ajaxSubmit提交表單

target targe 表單 tar 使用 sdn get .net net 1.http://www.cnblogs.com/liuhongfeng/p/5150389.html 2.http://blog.csdn.net/baidu_29119747/article

tp5中ajax方式提交表單

失敗 提交表單 static lan color doctype set alert NPU 用ajax提交表單，迅速，快捷，實現頁面無刷新提交表單。 <!DOCTYPE html> <html lang="en"> <head>

Layui 在使用Layui框架中使用form表單中的標籤但是沒有css效果的解決方法

這是原來的程式碼 <label class="layui-form-label">搜尋選擇框</label> <div class="layui-input-inline"> <select name="module

在使用Layui框架中使用form表單中的標籤但是沒有css效果的解決方法

這是原來的程式碼 <label class="layui-form-label">搜尋選擇框</label> <div class="layui-input-inline"> <select n

表單 HTML button 標籤

<button></button> 定義按鈕，在 <button> 元素內部，可以放置文字、影象等內容，這是該元素與使用 <input> 元素建立的按鈕之間的不同之處。 提示：請始終為 <button> 元素規定 type 屬性

form表單中button按鈕返回上一頁解決辦法

解決Form中button按鈕不好用的問題解決辦法。 方法一： 1.在Form表單標籤中國增加一個屬性，如下圖，紅框處 2.返回按鈕樣式 3.onclick方法需要跳轉的頁面，遮擋處為需要返回的頁面 方法二： 1.把button按鈕的標籤換成input標籤，那麼Form標籤中就不用填寫act

Js 獲取表單中各標籤的值

初學JavaScript，但由於Js的語言特性，以及用法靈活多樣，常常不知所措，但是總的來說，學好一門語言很難，想要很好的運用更難，不過我們可以選擇一些適合自己的用法即可，並不需要面面俱到，能夠解決問題就行。 寫此博文，只是想記錄下一些自己學習的東

使用標籤提交表單資料的問題以及獲取session作為函式的引數呼叫的問題

我在做動態網頁時遇到以下幾個問題，花了我好多時間才解決的。所以我要將它記錄下面，為我以後再次遇到問題作參考。若是大家覺得哪裡不對的，歡迎大家留言 1.不是表單一般是使用<input type="submit">提交按鈕，點選後就可以將表單中的資料提交了嗎？但是我

SpringMVC中的非同步提交表單

 1.前言 最近在做一個專案,前臺框架用的是EasyUI+SpringMVC,由於對SpringMVC不太瞭解,所以剛開始接觸的時候有點吃力,在此通過一個EasyUi中的DataGrid表格來總結

jQuery實現button按鈕提交表單

在JSP頁面中，通常使用button按鈕提交表單資料，使用jQuery實現程式碼如下： <span style="font-family:Comic Sans MS;font-size:14px;">// 使用者登入 $("#login").click(fun

Android listview的item中button的點選事件 item和button 可同時點選

此種應用情形在android開發中會遇到很遇到很多 在此闡述一下我的解決方案 第一步 給一個listview xml 可根據自己需要自己佈局 第二步 給listview 一個adapter 我們需要在 adapter 中 定義一個點選響應介面 OnCl

form 表單中 button 按鈕用 return false 阻止默認刷新踩過的一個小坑

註意 阻止 執行 for 錯誤 false 一抹 span 速度 今天在寫一個button按鈕的事件時，明明在點擊事件的最後寫了 return false，可是點擊按鈕頁面仍然會自動刷新 最後看到刷新前 控制臺有一抹紅色一閃而過，由於速度很快，之前一直都註意到 後來發現

Altium Designer 17 --- 點選原理圖中的元器件，選中PCB對應元器件

方法一：單擊選中原理圖中元器件，然後單擊tools>Seclect PCBcomponents,即可在PCB中看到該器件的高亮顯示； 方法二：單擊Tools>Cross Select Mode，或用快捷鍵Ctr+Shift+X鍵，然後在原理圖中單擊任意器件，在PCB中都可高亮。 方法三：Too