wulin.comの記事紹介(www.vevb.com):HTML5の超単純なフォーム検証方法は、IEおよびその他の古いブラウザーにもたらされます。
製品タイプ:動的効果(動的JS、jQueryワークス)
作業の説明:HTML5の超シンプルなフォーム検証方法をIEやその他の古いブラウザにお届けします
生産のアイデア:古いブラウザがHTML5構文を使用して検証を表現できるように、プラグインを作成します。下部の送信イベントを傍受し、jqueryを使用して、検証ルールが満たされていないことを発見した後、無効なイベントをトリガーするだけです。開発者は、無効なイベントを単純にバインドするだけで、以前は非常に複雑なフォーム検証関数を完了する必要があります。
新しいものが好きなフロントエンドERは、非常に強力なHTML5のフォーム検証関数を試したと思います。 <inupt>に必要な追加は、必要なアイテムになります。
塗りつぶしの形式を強制するために、パターンに正規表現を書きます。これがデモです
<form>
<入力プレースホルダー= 3〜5桁のアンダースコアは、数字と文字が必要なパターンで満たされなければなりません=/w {3,5}>
<入力タイプ=送信>
</form>
<スクリプトsrc => </script>
<スクリプトsrc = form.html5.js> </script>
<スクリプト>
$(input).bind(invalid、function(e){
アラート(間違っている場合は、3〜5桁、数字、文字のアンダースコアに記入する必要があります)。
falseを返します。
});
$(html).submit(function(e){
if(e.ispropagationStopped()){
戻る;
}
アラート(フォームが正常に送信されました);
falseを返します。
});
</script>
非常にシンプルかどうか?私たちがする必要があるのは、2つのステップだけです
1.検証ルールを正規表現に書き込み、入力タグのパターン属性に配置します。
2.Jqueryは、入力の無効なイベントを傍受します
これら2つのステップを完了することにより、最新のブラウザでフォーム検証を完了できます。
しかし、古いブラウザをサポートする方法は?コードの1行を追加するだけです
<スクリプトsrc = form.html5.js> </script>
同時に、これらの3つのファイルをダウンロードし、3つのファイルが同じディレクトリにあることを確認する必要があります。
(select.htcの目的は、フォーム検証とは何の関係もありません。)
次の状況がある場合は、返信して私に連絡できます