Jquery Easyui表单组件Form使用详解（30）
时间：2021-06-16 08:22:33 | 栏目：jquery | 点击：次
本文实例为大家分享了Jquery Easyui表单组件的实现代码，供大家参考，具体内容如下
加载方式
表单组件只能在 JS 区域设置，首先定义一张表单。
<form id="box" method="post">
<div>
<label for="name">Name:</label>
<input class="easyui-validatebox" type="text" name="name"
data-options="required:true" />
</div>
<div>
<label for="email">Email:</label>
<input class="easyui-validatebox" type="text" name="email"
data-options="validType:'email'" />
</div>
<input type="submit">
</form>
<script>
$(function () {
//JS 加载调用
$('#box').form({
url : 'content.php',
onSubmit: function(){
},
success:function(data){
alert(data);
}
});
});
</script>
属性列表
//属性设置
$('#box').form({
url : 'content.php',
});
事件列表
<script>
$(function () {
//JS 加载调用
$('#box').form({
url : 'content.php',
onSubmit: function(){
},
success:function(data){
alert(data);
},
onBeforeLoad : function () {
alert('load 之前执行');
},
onLoadSuccess : function (data) {
alert('load 成功后执行：' + data.name);
},
onLoadError : function () {
alert('load 错误时执行');
},
});
});
</script>
方法列表
//自动提交
$('#box').form('submit', {
});
//使用 load 填充
$('#box').form('load', {
name : 'bnbbs',
email : 'bnbbs@163.com',
});
//使用 load 通过 URL 填充，对方是 JSON 格式
$('#box').form('load', 'content.php');
//验证后再执行提交
$('#box').form({
url : 'content.php',
onSubmit : function (param) {
return $(this).form('validate');
},
success : function (data) {
alert(data);
},
});
//清理和重置
$('#box').form('clear');
$('#box').form('reset');
//禁用和启用验证
$('#box').form('disableValidation');
$('#box').form('enableValidation');
//使用$.fn.form.defaults 重写默认值对象。