jQuery EasyUI 表单(Form)用法

jQuery EasyUI里表单(Form)的用法和jQuery里AJAX的用法差不多,下面介绍一下具体用法:

HTML代码:

  1. <form id="ff" method="post">
  2. ...
  3. </form>

然后按照《jQuery EasyUI框架使用文档》包含必要文件后,只要在$(function(){ }); 里插入下面的代码即可:
如果想使表单变成AJAX提交:

  1. $('#ff').form({
  2.         url:...,
  3.         onSubmit: function(){
  4.                 // do some check
  5.                 // return false to prevent submit;
  6.         },
  7.         success:function(data){
  8.                 alert(data)
  9.         }
  10. });


如果想做提交的动作:

  1. $('#ff').form('submit', {
  2.         url:...,
  3.         onSubmit: function(){
  4.                 // do some check
  5.                 // return false to prevent submit;
  6.         },
  7.         success:function(data){
  8.                 alert(data)
  9.         }
  10. });

这两段代码之有很小的一个差别就是在设置参数的时候有个”submit”,下面来详细介绍一下这些参数的用法:
参数

参数名 类型 描述 默认值
url 字符串 表单提交的地址 null

事件

事件名 参数 描述
onSubmit none 提交之前触发的事件,如果返回false可以防止提交
success data 表单提交成功的时候触发

方法

方法名 参数 描述
submit options 执行提交的操作,选项的参数是一个对象,这个对象包括以下的属性:
url:设置提交的地址;
onSubmit:提交之前的回调函数
submit:提交成功后的回调函数
load data 加载记录来填充表单
选项参数可以是一个字符串或者是一个对象,字符串意味着是一个远程地址,否则就是一个本地的数据记录
clear none 清空表单数据
validate none 表单字段的验证,如果返回true,则说明所有的字段都是合法的。这个方法可以和validatebox插件联合使用

jQuery EasyUI 表单(Form)用法》上有 4 条评论

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>