EasyUI jQuery 表单小部件

EasyUI 是一个 HTML5 框架，用于使用基于 jQuery、React、Angular 和 Vue 技术的用户界面组件。它有助于为交互式 Web 和移动应用程序构建功能，为开发人员节省大量时间。

在本文中，我们将学习如何使用 jQuery EasyUI 设计表单。 Form提供了各种方法来对表单字段执行操作，例如 ajax 提交、加载、清除等。

EasyUI for jQuery 下载：

https://www.jeasyui.com/download/index.php

句法：

特性：

• novalidate：设置为false以验证表单字段。
• iframe：它 定义是否使用iframe模式提交表单。
• ajax：定义表单是否使用Ajax提交。
• 脏：它定义表单是否仅提交更改的字段。
• queryParams：这些是发布表单时将发送到服务器的附加参数。
• URL：这是要提交的表单操作 URL。

事件：

• onSubmit：提交前触发的事件。
• onProgress：上传进度数据可用时触发的事件。
• 成功：表单提交成功时触发的事件。
• onBeforeLoad：在请求加载数据之前触发的事件。
• onLoadSuccess：加载表单数据时触发的事件。
• onLoadError： 事件 哪一个 当加载表单数据时发生一些错误时触发。
• onChange：当字段值改变时触发的事件。

方法：

• clear：清除表单数据。
• reset：重置表单数据。
• 验证：进行表单字段验证。
• enableValidation：启用验证。
• disableValidation：禁用验证。
• resetValidation：重置验证。
• resetDirty：重置脏标志。

方法：

• 首先，添加项目所需的 jQuery Easy UI 脚本。

 

 

 

示例 1：

HTML

 
 
  
 
     
     
              
    
     
  
     
  
     
  
    
     
     
  
    
     
     
      
    
     
     
  
   
      $(document).ready(function (){ 
          $('#gfg').form({
            novalidate: true
          }); 
      }); 
     
 
  

  
    GeeksforGeeks
    EasyUI jQuery form widget
  

        
            
                
            
            
                
            
            
                
            
  
         
        
            Submit
            Clear
        
  


  

输出：

表单小部件

参考： http://www.jeasyui.com/documentation/