首页 > 编程 > JavaScript > 正文

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

2019-11-19 18:23:29
字体:
来源:转载
供稿:网友

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

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

发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表