发布时间 : 星期三 文章jQuery - EasyUI API 中文帮助手册1.24更新完毕开始阅读bf4e78a3e53a580216fcfe73
2. ... 3. 使用ajax方式提交表单
1. $('#ff').form({ 2. url:..., 3. onSubmit: function(){ 4. //进行表单验证 5. //如果返回false阻止提交 6. }, 7. success:function(data){ 8. alert(data) 9. } 10. }); 11. //提交表单 12. $('#ff').submit(); 普通方式提交
1. //调用表单插件的'submit'方法提交 2. $('#ff').form('submit', { 3. url:..., 4. onSubmit: function(){ 5. //进行表单验证 6. //如果返回false阻止提交 7. }, 8. success:function(data){ 9. alert(data) 10. } 11. }); 属性
名称 url（目标网址） 事件
名称 onSubmit success 参数 none data 描述 在表单提交之前触发，返回false将阻止表单提交。 当表单成功提交时触发。 类型 string（字符串） 描述 表单提交的目标网址 默认值 null onBeforeLoad onLoadSuccess onLoadError 方法 名称 参数 param data none 在发送载入远程数据请求之前触发，返回false将取消请求。 在表单数据被载入时触发。 在载入表单数据发生错误时触发。 描述 执行表单提交，options参数是一个包含以下属性的对象： url：表单提交的目标网址 onSubmit：在表单提交之前执行的回调函数 success: 在表单成功提交后执行的回调函数 载入记录填充表单。 data参数可以是字符串或者对象类型，当传入字符串时，data参数必须是一个远程url地址，否则用户必须自定义要载入的数据 清除表单数据 执行表单域验证，如果全部表单域有效返回true，该方法与表单验证插件一起使用。 submit options load data clear validate none none 4.2 表单验证 表单验证
使用$.fn.validatebox.defaults重载默认值。
使用方法
1. 1. $('#vv').validatebox({ 2. required:true 3. }); 验证规则
验证规则使用required和validType属性来定义, 以下列出的是插件内置的验证规则。
email: 正则匹配电子邮件。 ? url: 正则匹配url。
? length[0,100]: 验证长度范围。
? remote['http://.../action.do','paramName']: 发送ajax请求来验证，验证有效时返回true。
?
要自定义规则，重载$.fn.validatebox.defaults。你所定义的验证规则必须定义一个验证函数和验证无效时的提示信息。例如，定义一个验证最小长度的规则： 1. $.extend($.fn.validatebox.defaults.rules, { 2. minLength: { 3. validator: function(value, param){ 4. return value.length >= param[0]; 5. }, 6. message: 'Please enter at least {0} characters.' 7. } 8. }); 现在你可以使用最小长度验证规则来定义一个至少要输入5个字符的输入框。 1. 属性
名称
required（必填）
类型 boolean（布尔型）
描述
定义表单域必须填写。
定义表单域的验证类型，比如：email, url等。
当表单域未填写时出现的提示信息。 当表单域的内容被验证为无效时出现的提示。
默认值 false
string（字符
validType（验证类型）
串） missingMessage（未填提示）
invalidMessage（无效提示） 方法 名称 destroy 参数 none 移除并注销组件。 string（字符串） string（字符串）
null This field is required. null
描述 validate isValid none none 验证表单域的内容是否有效。 调用validate方法并且返回验证结果，true或者false。 4.3 自定义组合框 自定义组合框
继承$.fn.validatebox.defaults，使$.fn.combo.defaults重载。
依赖关系 表单验证 ? 控制面板
?
使用方法
1. 2. 1. $('#cc').combo({ 2. required:true, 3. multiple:true 4. }); 属性
属性继承表单验证,以下是只读组合框独有的属性。
名称 width（宽度） 类型 number（数字） 描述 组合框的宽度。 默认值 auto