Formularz jQuery EasyUI wtyczki - Formularz Formularz
Wtyczka jQuery EasyUI Przez $ .fn.form.defaults przesłonić domyślne ustawienia domyślne.
Formularz (formularz) oferuje kilka sposobów, aby wykonać działanie z pól formularza, takich jak AJAX przedstawienia, obciążenia, usuwanie, i tak dalej. Wysyłając formularz, zadzwoń do "sprawdzania poprawności" metody, by sprawdzić forma jest poprawna.
zwyczaj
Tworzenie prostego formularza HTML. Budowanie formy i podać identyfikator, działania, zadania metod.
<Form id = "ff" method = "post">
<Div>
<Label for = "name"> Nazwa: </ label>
<Wejście class = "easyui-validatebox" type = "text" name = "name" data-options = "wymagane: true" />
</ Div>
<Div>
<Label for = "email"> E-mail: </ label>
<class = "easyui-validatebox" type = "text" name = "e-mail" dane wejściowe-options = "VALIDTYPE:" e-mail "" />
</ Div>
...
</ Form>
Niech formularz (formularz) stać ajax przesyłanie formularza (formularz)
$ ( '# Ff "). Postać ({
url: ...
onSubmit: function () {
// Czy jakieś czek
// Return false, aby zapobiec złożyć;
}
success: function (data) {
alert (dane)
}
});
// Wyślij formularz
. $ ( '# Ff') przedłożenia ();
Czy działanie składania
// Wywołanie 'submit' metodę postaci wtyczki, aby wysłać formularz
$ ( '# Ff "). Postać (' submit ', {
url: ...
onSubmit: function () {
// Czy jakieś czek
// Return false, aby zapobiec złożyć;
}
success: function (data) {
alert (dane)
}
});
Przesyłając dodatkowe parametry
$ ( '# Ff "). Postać (' submit ', {
url: ...
onSubmit: function (param) {
param.p1 = 'wartość1';
param.p2 = "wartość2";
}
});
Prześlij Processing Response
Prześlij formularz ajax (formularz) jest bardzo prosta. Składając wypełniony użytkownik może uzyskać dane odpowiedzi. Należy zauważyć, że odpowiedź jest dane surowe dane z serwera. Dane analityczne dla działań reagowania wnioskiem poprawne dane.
Na przykład załóżmy, że reakcja jest format danych JSON typowe dane reakcji są następujące:
{
"Sukces": true,
"Message": "Wiadomość wysłana pomyślnie."
}
Teraz obsługuje JSON ciąg "sukcesu" funkcji zwrotnej.
$ ( '# Ff "). Postać (' submit ', {
success: function (data) {
var data = eval ( '(' + DATA + ')'); // zmienić ciąg JSON do obiektu JavaScript
if (data.success) {
alert (data.message)
}
}
});
nieruchomość
| 名称 | 类型 | 描述 | 默认值 |
|---|---|---|---|
| url | string | 要提交的表单动作 URL。 | null |
wydarzenie
| 名称 | 参数 | 描述 |
|---|---|---|
| onSubmit | param | 提交前触发，返回 false 来阻止提交动作。 |
| success | data | 当表单提交成功时触发。 |
| onBeforeLoad | param | 发出请求加载数据之前触发。返回 false 就取消这个动作。 |
| onLoadSuccess | data | 当表单数据加载时触发。 |
| onLoadError | none | 加载表单数据时发生某些错误的时候触发。 |
sposób
| 名称 | 参数 | 描述 |
|---|---|---|
| submit | options | 做提交动作，options 参数是一个对象，它包含下列属性： url：动作的 URL onSubmit：提交之前的回调函数 success：提交成功之后的回调函数 下面的实例演示如何提交一个有效表单，避免重复提交表单。
$.messager.progress(); // display the progress bar
$('#ff').form('submit', {
url: ...,
onSubmit: function(){
var isValid = $(this).form('validate');
if (!isValid){
$.messager.progress('close'); // hide progress bar while the form is invalid
}
return isValid; // return false will stop the form submission
},
success: function(){
$.messager.progress('close'); // hide progress bar while submit successfully
}
});
|
| load | data | 加载记录来填充表单。data 参数可以是一个字符串或者对象类型，字符串作为一个远程 URL，否则作为一个本地记录。 代码实例：
$('#ff').form('load','get_data.php'); // load from URL
$('#ff').form('load',{
name:'name2',
email:'[email protected]',
subject:'subject2',
message:'message2',
language:5
});
|
| clear | none | 清除表单数据。 |
| reset | none | 重置表单数据。该方法自版本 1.3.2 起可用。 |
| validate | none | 进行表单字段验证，当全部字段都有效时返回 true 。该方法和 validatebox 插件一起使用。 |
| enableValidation | none | 启用验证。该方法自版本 1.3.4 起可用。 |
| disableValidation | none | 禁用验证。该方法自版本 1.3.4 起可用。 |
Wtyczka jQuery EasyUI