skicka in i HTML, om du vill ha ett OnClick Click-event, och även om du vill validera formuläret,
Om formuläret verifieras framgångsrikt är det okej att köra onclick-eventet, men om du lägger till onclick-eventet i skicka-knappen,
Webbsidan kör onclick-händelsen först, utan att verifiera formuläret, jag kollade upp det på internet och skickade ett bra js-plugin med nedladdningsadressen nedan:
Introducera jquery först, sedan jquery-html5Validate.js
Så här använder du det:
- 示意,假设测试表单id为html5Form,则有:
- $("#html5Form").html5Validate(function() {
- // 全部验证通过,该干嘛干嘛~~
- });
Kopiera koden Effekten är följande:
Men denna prompt-effekt är för ful, jag vill använda prompt-effekten som följer med HTML5?
- var isIe10 = typeof document.msHidden !== "undefiend";
- $("#html5Form").html5Validate($.noop, {
- novalidate: isIe10 ? false : true
- });
Kopiera koden
Renderingarna är mycket vackrare, med js-skriptet bifogat:
jquery-html5Validate.js
(17.92 KB, Antal nedladdningar: 2)
|