Heim > Web-Frontend > js-Tutorial > Hauptteil

Informationen zum Code des jQuery-Plug-ins Validate zur Implementierung eines benutzerdefinierten Verifizierungsergebnisstils

不言
Freigeben: 2018-06-25 13:43:32
Original
2106 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode des jQuery-Plug-Ins Validate vorgestellt, um einen benutzerdefinierten Verifizierungsergebnisstil zu implementieren. Interessierte Freunde können darauf verweisen

In diesem Artikel wird das jQuery-Plug-In Validate vorgestellt, um ein benutzerdefiniertes Verifizierungsergebnis zu implementieren Beispiel. Der detaillierte Code des Stils wird allen als Referenz zur Verfügung gestellt. Der spezifische Inhalt ist wie folgt:

Der Spezifische Schritte:

1. Abhängigkeitspakete einführen

 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script src="lib/jquery.validate.js" type="text/javascript"></script>
Nach dem Login kopieren

2. Fehlerstile hinzufügen

 em.error {
 background:url("images/unchecked.gif") no-repeat 0px 0px;
 padding-left: 16px;
}
em.success {
 background:url("images/checked.gif") no-repeat 0px 0px;
 padding-left: 16px;
}
Nach dem Login kopieren

3. Benutzerdefinierte Aufforderungsnachricht

 messages: {
      username: {
        required: &#39;请输入姓名&#39;,
        minlength: &#39;请至少输入两个字符&#39;
      },
      email: {
        required: &#39;请输入电子邮件&#39;,
        email: &#39;请检查电子邮件的格式&#39;
      },
      url: &#39;请检查网址的格式&#39;,
      comment: &#39;请输入您的评论&#39;
    },
Nach dem Login kopieren

4. Nennen Sie den falschen Stil oder den erfolgreichen Stil

 errorElement: "em", //可以用其他标签,记住把样式也对应修改
    success: function(label) {
      //label指向上面那个错误提示信息标签em
      label.text(" ")        //清空错误提示消息
        .addClass("success");  //加上自定义的success类
    }
Nach dem Login kopieren

5. Detaillierter Code



  
jQuery表单验证插件----自定义错误样式
 <script src="../../scripts/jquery-1.3.1.js" type="text/javascript"></script>
 <script src="lib/jquery.validate.js" type="text/javascript"></script>



 
 

jQuery表单验证插件----自定义校验结果样式

*

*

*

Nach dem Login kopieren

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Analyse der jQuery-Datei-Upload-Steuerung Uploadify


So implementieren Sie die jQuery-Mehrbedingungsfilterung


Das obige ist der detaillierte Inhalt vonInformationen zum Code des jQuery-Plug-ins Validate zur Implementierung eines benutzerdefinierten Verifizierungsergebnisstils. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage