Gemeinschaft Lernen Tools-Bibliothek Freizeit
suchen
Deutsch
Heim > Web-Frontend > js-Tutorial > Hauptteil

基于jquery的simpleValidate简易验证插件_jquery

WBOY
Freigeben： 2016-05-16 17:01:45
Original
1232 Leute haben es durchsucht

如果你不需要做onfocus和onblur的即时验证，如果你不想对每个表格都通过JS定义验证规则，如果你只需要在提交的时候进行一次验证和反馈，如果你喜欢简约的代码结构，我觉得simpleValidate是不错的选择。

从关注度和下载量来看，这插件并不怎么受欢迎，不过不要紧，它是我的菜。
下载地址在最下边，开源的，DEMO很详细，相当容易上手。
原版不支持IE，原因是JSON的逗号和length是保留字的问题，修复方法就是把所有“}”前不必要的逗号删掉，变量length改用其他变量名，我改了一个，并对提示内容进行了汉化，目前正在使用，暂未发现其他BUG，下载地址：jquery.simple.validation.js

定义 data-rules 属性：
用井号“#”区分多个验证规则，用加号“+”附带验证对比值，用横杠“-”附带反馈项目标题，以下列一下基本写法

复制代码 代码如下:




定义所有form在提交前都进行验证：

复制代码 代码如下:

$('form').bind('submit',function(){
    var message=$(this).validate();
    if(message!==true){
        alert(message);
        return false;
    }
    return true;
});

项目开源地址：https://github.com/capucinno-lee/jquery-simple-validation
DEMO地址：http://demo.jb51.net/js/2014/jquery_simple_validation/

Verwandte Etiketten：
simpleValidate 简易验证
Quelle：php.cn
Vorheriger Artikel：qq悬浮代码(兼容各个浏览器)_javascript技巧 Nächster Artikel：jquery实现input输入框实时输入触发事件代码_jquery
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
Neueste Artikel des Autors
Aktuelle Ausgaben
function_exists() kann die benutzerdefinierte Funktion nicht ermitteln Funktionstest () {Verwendung der Verwendung durch -Durch -Durch -Durch -Durch -Durch -Durc...
Aus 2024-04-29 11:01:01
0
2
1992
So zeigen Sie die mobile Version von Google Chrome an Hallo Lehrer, wie kann ich Google Chrome in eine mobile Version umwandeln?
Aus 2024-04-23 00:22:19
0
10
2156
Das untergeordnete Fenster bedient das übergeordnete Fenster, aber die Ausgabe antwortet nicht. Die ersten beiden Sätze sind ausführbar, der letzte Satz jedoch nicht.
Aus 2024-04-19 15:37:47
0
1
1820
Im übergeordneten Fenster erfolgt keine Ausgabe document.onclick = function(){ window.opener.document.write('Ich bin die Ausgabe des unter...
Aus 2024-04-18 23:52:34
0
1
1713
Wo gibt es die Kursunterlagen zum CSS-Mindmapping? Kursunterlagen
Aus 2024-04-16 10:10:18
0
0
1734
verwandte Themen
Mehr>
Beliebte Empfehlungen
Beliebte Tutorials
Mehr>
Verwandte Tutorials
Beliebte Empfehlungen
Aktuelle Kurse
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage