Verzend in HTML, als je een OnClick Click-event wilt hebben en je ook het formulier wilt valideren,
Als het formulier succesvol is geverifieerd, is het prima om het onclick-event uit te voeren, maar als je het onclick-evenement toevoegt aan de verzendknop,
De webpagina voert eerst het onclick-event uit, zonder het formulier te verifiëren, ik heb het op internet opgezocht en een goede js-plugin gestuurd, met het downloadadres hieronder:
Introduceer eerst jquery, daarna jquery-html5Validate.js
Zo gebruik je hem:
- 示意,假设测试表单id为html5Form,则有:
- $("#html5Form").html5Validate(function() {
- // 全部验证通过,该干嘛干嘛~~
- });
Code kopiëren Het effect is als volgt:
Maar dit prompt-effect is te lelijk, ik wil het prompt-effect gebruiken dat bij HTML5 hoort?
- var isIe10 = typeof document.msHidden !== "undefiend";
- $("#html5Form").html5Validate($.noop, {
- novalidate: isIe10 ? false : true
- });
Code kopiëren
De renderings zijn veel mooier, met het js-script erbij:
jquery-html5Validate.js
(17.92 KB, Aantal downloads: 2)
|