html5フォームに基づくプラグインのjQuery検証 html5

クズども · 掲載地 2015/09/05 22:08:04

HTMLで送信し、OnClickクリックイベントを起こしたい場合、またフォームの検証もしたい場合、

フォームが正常に認証されていれば、Onclickイベントの実行は問題ありませんが、送信ボタンにOnClickイベントを追加すると、

ウェブページはフォームの確認なしにまずオンクリックイベントを実行します。インターネットで調べて、下のダウンロードアドレスで良いjsプラグインを送りました。

まずjqueryを導入し、その後にjquery-html5Validate.js

使い方は以下の通りです:

示意，假设测试表单id为html5Form，则有：
$("#html5Form").html5Validate(function() {
// 全部验证通过，该干嘛干嘛~~
});

コードをコピーします

その効果は以下の通りです:

しかし、このプロンプト効果はあまりにも見た目が悪いので、HTML5に付属しているプロンプト効果を使いたいのですが?

var isIe10 = typeof document.msHidden !== "undefiend";
$("#html5Form").html5Validate($.noop, {
novalidate: isIe10 ? false : true
});

コードをコピーします

レンダリングはさらに美しく、jsスクリプトが添付されています:

jquery-html5Validate.js (17.92 KB, ダウンロード数: 2)

honestman_1 · 掲載地 2017/04/07 23:54:20

とても良いですね、共有してくれてありがとう

[Jquery] html5フォームに基づくプラグインのjQuery検証 html5

関連記事