本文实例为大家分享了
Jquery Easyui表单组件
的实现代码,供大家参考,具体内容如下加载方式
表单组件只能在 JS 区域设置,首先定义一张表单。
Box" method="post">
属性列表
事件列表
$(function () {
//JS 加载调用
$('#Box').form({
url : 'content.PHP',success:function(data){
alert(data);
},onBeforeLoad : function () {
alert('load 之前执行');
},onLoadSuccess : function (data) {
alert('load 成功后执行:' + data.name);
},onLoadError : function () {
alert('load 错误时执行');
},});
});
方法列表
自动提交
$('#Box').form('submit',{
});
//使用 load 填充
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form('load',{
name : 'bnbbs',email : 'bnbbs@163.com',});
//使用 load 通过 URL 填充,对方是 JSON 格式
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form('load','content.<a href="/tag/PHP/" target="_blank" class="keywords">PHP</a>');
//验证后再执行提交
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form({
url : 'content.<a href="/tag/PHP/" target="_blank" class="keywords">PHP</a>',onSubmit : function (param) {
return $(this).form('validate');
},success : function (data) {
alert(data);
},});
//清理和重置
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form('clear');
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form('reset');
//禁用和启用验证
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form('disableValidation');
$('#<a href="/tag/Box/" target="_blank" class="keywords">Box</a>').form('enableValidation');
//使用$.fn.form.defaults 重写默认值对象。