Jquery Easyui表单组件Form使用详解（30）

本文实例为大家分享了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 重写默认值对象。

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。