Formularz jQuery EasyUI wtyczki - okno weryfikacji Validatebox
Wtyczka jQuery EasyUI Przez $ .fn.validatebox.defaults przesłonić domyślne ustawienia domyślne.
Sprawdź, czy pole (validatebox) w celu weryfikacji pól wejściowych formularzy i wzorów. Jeżeli użytkownik wprowadzi nieprawidłową wartość, będzie to zmienić kolor tła, ikona wyświetla komunikat ostrzegawczy i szybka. Sprawdź, czy pole (validatebox) może być zintegrowany z postaci (formie) plug-in, aby zapobiec możliwości złożenia nieważnego dziedzinie.
polegać
- podpowiedź
zwyczaj
Tworzenie znaku weryfikacyjny z pola (validatebox).
<Wejście id = klasa "vv" = "easyui-validatebox" data-options = "wymagane: true, VALIDTYPE:" e-mail "">
Tworzenie potwierdzenia przy użyciu javascript pole (validatebox).
<Id = Wejście "vv">
$ ( '# Vv'). Validatebox ({
Wymagane: prawda,
VALIDTYPE: 'e-mail'
});
Sprawdź hasło i ponownie wprowadzić to samo hasło.
// Extend zasadę "równa się"
$ .extend ($. Fn.validatebox.defaults.rules {
wynosi: {
walidator: function (value, param) {
Wartość zwracana == $ (param [0]) val () .;
}
Komunikat: "Pole nie pasują.
}
});
<Id = "Wejście pwd" name = "pwd" type = klasa "password" = "easyui-validatebox" data-options = "wymagane: true">
<Id = Wejście "rpwd" name = "rpwd" type = "password" class = "easyui-validatebox"
Wymagane = "required" VALIDTYPE = "równa [ '# pwd']">
zasady walidacji
zasady walidacji za pomocą wymaganych atrybutów do definiowania i VALIDTYPE, oto zasady, które zostały wdrożone:
- email: email dopasowania regularne zasady ekspresyjne.
- URL: URL dopasowania regularne zasady ekspresyjne.
- Długość [0100]: Umożliwia od x do y znaków.
- zdalne [ 'http: //.../action.do','paramName']: wysłanie żądania ajax do weryfikacji wartości udanego powrotu 'true'.
Aby dostosować reguły sprawdzania poprawności, przepisać $ .fn.validatebox.defaults.rules, aby zdefiniować funkcję weryfikacji i nieskuteczne informacji. Na przykład definicja Authentication Type MINLENGTH:
$ .extend ($. Fn.validatebox.defaults.rules {
MINLENGTH: {
walidator: function (value, param) {
powrót value.length> = param [0];
}
komunikat: "Proszę podać co najmniej {0} znaków.
}
});
Teraz można korzystać z tego typu uwierzytelniania, aby zdefiniować MINLENGTH przynajmniej pięć znaków w polu tekstowym:
<class = "Wejście easyui-validatebox" dane-options = "VALIDTYPE:" MINLENGTH [5] "">
nieruchomość
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| required | boolean | 定义是否字段应被输入。 | false |
| validType | string,array | 定义字段的验证类型，比如 email、url，等等。可能的值： 1、验证类型字符串，应用单个验证规则。 2、验证类型数组，应用多个验证规则。单个字段上的多个验证规则自版本 1.3.2 起可用。 代码实例： <input class="easyui-validatebox" data-options="required:true,validType:'url'"> <input class="easyui-validatebox" data-options=" required:true, validType:['email','length[0,20]'] "> |
null |
| delay | number | 延迟验证最后的输入值。该属性自版本 1.3.2 起可用。 | 200 |
| missingMessage | string | 当文本框为空时出现的提示文本。 | 该字段是必需的。 |
| invalidMessage | string | 当文本框的内容无效时出现的提示文本。 | null |
| tipPosition | string | 定义当文本框的内容无效时提示消息的位置。可能的值：'left'、'right'。该属性自版本 1.3.2 起可用。 | right |
| deltaX | number | 在 X 方向的提示偏移。该属性自版本 1.3.3 起可用。 | 0 |
| novalidate | boolean | 当设置为 true 时，则禁用验证。该属性自版本 1.3.4 起可用。 | false |
sposób
| 名称 | 参数 | 描述 |
|---|---|---|
| destroy | none | 移除并销毁该组件。 |
| validate | none | 进行验证以判定文本框的内容是否有效。 |
| isValid | none | 调用 validate 方法并且返回验证结果，true 或者 false。 |
| enableValidation | none | 启用验证。该方法自版本 1.3.4 起可用。 |
| disableValidation | none | 禁用验证。该方法自版本 1.3.4 起可用。 |
Wtyczka jQuery EasyUI