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

本文实例为大家分享了

Jquery Easyui表单组件

的实现代码，供大家参考，具体内容如下

加载方式

表单组件只能在 JS 区域设置，首先定义一张表单。

rush:js;">

属性列表

rush:js;"> //属性设置 $('#Box').form({ url : 'content.PHP',});

事件列表

rush:js;">

方法列表

rush:js;"> //自动提交 $('#Box').form('submit',{

  });
  //使用 load 填充
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('load',{
    name : 'bnbbs',email : 'bnbbs@163.com',});
  //使用 load 通过 URL 填充，对方是 JSON 格式
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('load','content.<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>');
  //验证后再执行提交
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form({
    url : 'content.<a href="https://www.jb51.cc/tag/PHP/" target="_blank" class="keywords">PHP</a>',onSubmit : function (p<a href="https://www.jb51.cc/tag/ara/" target="_blank" class="keywords">ara</a>m) {
      return $(this).form('validate');
    },success : function (data) {
      alert(data);
    },});
  //清理和重置
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('clear');
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('reset');
  //禁用和启用验证
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('<a href="https://www.jb51.cc/tag/dis/" target="_blank" class="keywords">dis</a>ableValidation');
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('enableValidation');
  //使用$.fn.form.defaults 重写<a href="https://www.jb51.cc/tag/mo/" target="_blank" class="keywords">默</a>认值对象。

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

表单组件