ホームページ  >  記事  >  ウェブフロントエンド  >  Forms_jquery の繰り返し送信を防ぐための Jquery Validation プラグイン ソリューション

Forms_jquery の繰り返し送信を防ぐための Jquery Validation プラグイン ソリューション

WBOY
WBOYオリジナル
2016-05-16 18:32:571405ブラウズ

プロジェクトにはJquery Validationのフォーム検証プラグインが適用されているため、フォームを送信し、Validation検証完了後にボタンを無効にする必要があります。
CodeProject には DisableBtnPostBack プロジェクトがありますが、Jquery Validation と組み合わせることはできません。この状況ではこのコードを使用しないように注意するために、コードが最初に投稿されます。コードは次のとおりです。
js:
コード

コードをコピー コードは次のとおりです:

function disableBtn(btnID, newText) {
Page_IsValid = null;
if (typeof (Page_ClientValidate) == 'function') {
Page_ClientValidate();
var btn = document.getElementById(btnID);
var isValidationOk = Page_IsValid;
if (isValidationOk) {
btn.disabled = true; >btn.value = newText ;
btn.style.background = "url(12501270608.gif)";
}
else {
btn.disabled = false; }
else {
setImage('" btnID "')", 10);
btn.disabled = true;
btn.value = newText;
関数 setImage (btnID) {
var btn = document.getElementById(btnID);
btn.style.background = 'url(12501270608.gif)'; >
フロントエンド ページ コード:
コード




コードをコピー

コードは次のとおりです:


onclick="btnOne_Click" OnClientClick="disableBtn(this.id, '送信中...')" UseSubmitBehavior="false" /> 次のコードは、検証のフォーム検証の完了後に送信ボタンを無効にする問題を解決できます。プラグインを追加し、フォームを送信します: js: コード




コードをコピー

コードは次のとおりです:


$(document).ready(function() {
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。