Senden Sie in HTML ein, wenn Sie ein Onclick-Click-Event haben möchten und außerdem das Formular validieren möchten,
Wenn das Formular erfolgreich verifiziert ist, ist es in Ordnung, das Onclick-Ereignis auszuführen, aber wenn Sie das Onclick-Ereignis zum Absenden-Button hinzufügen,
Die Webseite führt zuerst das Onclick-Ereignis aus, ohne das Formular zu überprüfen, ich habe es im Internet nachgeschlagen und ein gutes JS-Plugin mit der untenstehenden Download-Adresse geschickt:
Zuerst jquery einführen, dann jquery-html5Validate.js
So benutzt man es:
- 示意,假设测试表单id为html5Form,则有:
- $("#html5Form").html5Validate(function() {
- // 全部验证通过,该干嘛干嘛~~
- });
Code kopieren Die Wirkung ist wie folgt:
Allerdings ist dieser Prompt-Effekt zu hässlich, ich möchte den Prompt-Effekt verwenden, der mit HTML5 geliefert wird?
- var isIe10 = typeof document.msHidden !== "undefiend";
- $("#html5Form").html5Validate($.noop, {
- novalidate: isIe10 ? false : true
- });
Code kopieren
Die Darstellungen sind viel schöner, mit dem angehängten js-Skript:
jquery-html5Validate.js
(17.92 KB, Anzahl der Downloads: 2)
|