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

前端之家收集整理的这篇文章主要介绍了Jquery Easyui表单组件Form使用详解(30)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例为大家分享

Jquery Easyui表单组件

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

加载方式

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

Box" method="post">

属性列表

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

事件列表

$(function () { //JS 加载调用 $('#Box').form({ url : 'content.PHP',success:function(data){ alert(data); },onBeforeLoad : function () { alert('load 之前执行'); },onLoadSuccess : function (data) { alert('load 成功后执行:' + data.name); },onLoadError : function () { alert('load 错误时执行'); },}); });

方法列表

自动提交 $('#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 (param) {
      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('disableValidation');
  $('#<a href="https://www.jb51.cc/tag/Box/" target="_blank" class="keywords">Box</a>').form('enableValidation');
  //使用$.fn.form.defaults 重写默认值对象。

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

原文链接:https://www.f2er.com/jquery/43384.html

猜你在找的jQuery相关文章