asp.net mvc ページ ボタン submitの2度押しの二重送信防止
来源:互联网 发布:小米3破解4g网络 编辑:程序博客网 时间:2024/05/16 20:35
bootstrap 例:@section Scripts { @Scripts.Render("~/bundles/jqueryval")<script> function BtnLoad() { var btn = $("#myButton"); btn.button('loading'); setTimeout(function () { btn.button('reset'); }, 2000); }</script>}<input type="submit" id="myButton" value="登 録" class="btn btn-primary" data-loading-text="登録中..." autocomplete="off" onclick="BtnLoad()" />アラートを表示する
js
<script>var set=0;function double() {if(set==0){ set=1; } else {alert("只今処理中です。\nそのままお待ちください。");return false; }}</script></head>
form
<form action="" method="post" onSubmit="return double()">
連続でクリックするとアラートが出ます。
押せなくする
disableを使って、一度押したボタンは押せないようにします。
ページを更新したら押せるように復活します。
CSSでボタンの色を変えたりcursorを指定すると押した人も「あ、押せてる」って安心してイイかも知れませんね。
js
<script>function double(btn){btn.disabled=true;
btn.value = '登録中......';}</script>
form
<form action="" method="POST"><input type="submit" name="go" class="test" value="送信" onClick="javascript:double(this)"></form>
css
input.test { width:15%; margin:30px 0 0 42.5%; padding:5px 0 5px 0; border:none; background-color:#ffebdc; font-family:meiryo; font-size:120%; color:#f96df0; cursor:pointer; }input.test:hover { width:15%; margin:30px 0 0 42.5%; padding:5px 0 5px 0; border:none; background-color:#ffebdc; font-family:meiryo; font-size:120%; color:#000000; cursor:pointer; }input.test:disabled { width:15%; margin:30px 0 0 42.5%; padding:5px 0 5px 0; border:none; background-color:#acacac; font-family:meiryo; font-size:120%; color:#737373; cursor:default; }
CSSでdisabledも指定しておくとjavascriptでtrueになった時に反映されます。
リンクの連続クリック防止
これは色んな方法があると思いますが単純なjavascriptで対応しました。
ログイン機能のあるサイトとかだとリンクを連打するとログアウトする時があります。
(sessionをregenerateしてるからか??)
それがどうにもイヤで実装しました。そもそも連打いやだし…。
js
<script>$('a').click(function() {$(this).click(function () {alert('只今処理中です。\nそのままお待ちください。');return false;});});</script></body>
0 0
- asp.net mvc ページ ボタン submitの2度押しの二重送信防止
- js防止二重送信
- メールの送信
- ASP.Net MVC实现一个表单多个submit
- ASP.NET MVC 防止 CSRF 的方法
- ASP.NET MVC中防止XXS跳转
- Asp.net MVC 如何防止CSRF攻击
- 防止二次送信
- asp.net mvc 2
- ASP.NET MVC 2
- ASP.NET MVC(2)
- 在asp.net mvc中使用ActionFilter防止重复提交
- Asp.net MVC中防止HttpPost重复提交
- Asp.net MVC中防止HttpPost重复提交
- Asp.net MVC中防止HttpPost重复提交
- Asp.net MVC中防止HttpPost重复提交
- Four Ways Of Handling Multiple Submit Buttons In ASP.NET MVC
- Asp.Net MVC 3.0【MVC实战项目の一】
- POJ - 1157 LITTLE SHOP OF FLOWERS
- Easyui-Datagrid—表头灵活显示
- 【HDU1214】【并查集】【通过f[x] == -1 统计树的数量】
- phpstorm 快捷键
- c++ volatile
- asp.net mvc ページ ボタン submitの2度押しの二重送信防止
- JAVA------java概述
- python实现简单爬虫功能
- 找新朋友(hdoj--1286--欧拉函数)
- Balanced Binary Tree
- poj 1274 The Perfect Stall 【二分匹配裸题】【练模板】
- 链表
- Java中的byte/char/String数据类型转换
- hdu2019 数列有序