この記事は機械翻訳のミラー記事です。元の記事にジャンプするにはこちらをクリックしてください。

眺める: 12055|答える: 0

[HTML/HTML5] フォームのOnsubmit Event - フォーム提出前に検証を実装する最良の方法

[リンクをコピー]
掲載地 2015/12/27 11:39:08 | | |
今日、問題に直面しました。ページには多くの公開ページ(すべてフォームなし)が含まれており、多くの場所が自己提出(ページにtype="submit"フィールドを追加し、jsでsumbit.clickと入力してコミットを実行する)です。 しかし、各提出前にフォームの記入が要件を満たしているか確認しなければならず、各提出に検証関数の呼び出しを追加するとかなり手間がかかります。
    提出前にフォームを一律に確認する必要があります。 ページが閉じる前に本体がonbeforeunloadのイベントを持っていることから、フォームにも事前コミットイベントがあるべきだと推測されますonsubmit。 このイベントの機能は、フォーム提出前に指定されたものの実行を自動化することです。
    onsubmit="return check()"のreturnを追加しなければ、checkの返却値が偽でも提出されてしまうことに注意してください。 つまり、onsubmit="return false"はコミットを実行するものではありません。 onsubmit="return true" または onsubmit="return" はどちらもコミットを実行します。
------------------------------------------
メインページは以下の通りです:
<HTML>
<HEAD>
<scrip{filter}t type="text/javascrip{filter}t">
//form提交前,验证:营销活动最少选择两个
function check(){
    if(検証条件失敗) {
        Return false;
    }else{
        真を返す; この返還値は書かず、直接送信することも可能です
    }
}
</scrip{filter}t>
</HEAD>
<body>
<form id="queryForm" onsubmit="return check()" action="<%=request.getContextPath()%>/FocReportServlet">
<jsp:include flush="true" page="../pub.jsp"/>
<jsp:include flush="true" page="../condition.jsp"/>
<jsp:include flush="true" page="condition_marketing.jsp"/>
<jsp:include flush="true" page="contrastChart.jsp"/>
<jsp:include flush="true" page="../pagectrl.jsp"/>
...
<input type="submit" id="submit" name="submit" style="visibility:hidden"/>
<HTML>
-----------------------------------
インクルーズページ:
<img src="<%=request.getContextPath()%>/focReport/images/control_play_blue.png" style="cursor:hand"#323e32" face="simsun">submit.click()" alt="Analysis をsubmit するためにクリック" >





先の:なんてアルゴリズムでしょう。数日間落ち込んでいました。
次に:Winフォーム間のデリゲート値
免責事項:
Code Farmer Networkが発行するすべてのソフトウェア、プログラミング資料、記事は学習および研究目的のみを目的としています。 上記の内容は商業的または違法な目的で使用されてはならず、そうでなければ利用者はすべての結果を負うことになります。 このサイトの情報はインターネットからのものであり、著作権紛争はこのサイトとは関係ありません。 ダウンロード後24時間以内に上記の内容を完全にパソコンから削除してください。 もしこのプログラムを気に入ったら、正規のソフトウェアを支持し、登録を購入し、より良い本物のサービスを受けてください。 もし侵害があれば、メールでご連絡ください。

Mail To:help@itsvse.com