`

easyui--form学习:提交方式

阅读更多
<form id="ff" method="post">  

     ...   

  </form> 

//手动提交form
$('#ff').form({   

      url:...,   
     onSubmit: function(){   
         // 做某些检查   
          // 返回 false 来阻止提交  
if(!$('#myform').form('validate')){
	$.messager.show({
	     title:'提示信息' , 
	     msg:'验证没有通过,不能提交表单!'
	});
             return false ;//当表单验证不通过的时候 必须要return false 

	} 

     },   
      success:function(data){   

          alert(data)   
     }   

 });   

 // 提交 form   

 $('#ff').submit(); 
 

//自动提交form
$('#ff').form('submit', {   
      url:...,   
     onSubmit: function(){   

         // 做某些检查   
         // 返回 false 来阻止提交   
      },   

      success:function(data){   
         alert(data)   
     }   
 });  



//form表单提交官方实例

//jq的ajax方式提交
$('#ff').click(function(){
    $.ajax({
        url:....,
        type:'post',
        cache:false,//去除缓存
        data:$('#ff').serialize(),//序列化表单
        dataType:'text'//请求后台返回的数据格式
        success:function(data){
               //操作成功后返回的数据Data;以及需要执行的动作:比如提示操作成功
           },
         error:function(data){
               //操作失败后返回的数据Data;以及需要执行的动作:比如提示操作失败
           }
  });
});   
//扩展:按回车键提交表单!
$('#myform').find('input').on('keyup',function(event){
					if(event.keyCode == 13){
						$('#myform').submit();
					}
			});






















分享到:
评论

相关推荐

    jquery-easyui-1.2.6

    4. 表单(form):支持验证和提交,方便用户输入和编辑数据。 5. 提示(tooltip):提供浮动的提示信息,增强用户体验。 6. 按钮(button)和菜单(menu):创建各种按钮和下拉菜单,实现丰富的交互操作。 7. 滑块...

    很好用的jquery-easyui-EDT-1.4.5-build1

    5. 表单(Form):包含各种输入控件,支持验证和数据提交。 五、实际应用 jQuery EasyUI EDT 1.4.5-build1 可广泛应用于企业管理信息系统、电子商务平台、内容管理系统等,为开发人员提供了一套完整的前端解决方案...

    jquery-easyui-1.3.3

    7. **数据绑定和远程数据源**:EasyUI 可以与后端服务无缝集成,通过Ajax请求获取和提交数据。它支持JSON格式的数据,方便前后端交互。 8. **主题系统**:EasyUI 具有一套完整的主题系统,可以轻松改变应用的外观和...

    jquery-easyui-1.3.2+帮助文档

    - **表单(Form)**: 提供了多种表单元素,支持验证和数据提交。 - **按钮(Button)**: 创建各种类型的按钮,如普通按钮、复选按钮、单选按钮等。 - **树形视图(Tree)**: 显示层级结构的数据,常用于目录或...

    jquery-easyui-1.8

    2. **表单(Form)**:EasyUI 提供了多种表单元素,如输入框(input)、下拉框(combobox)、日期选择器(datebox)等,并且支持数据验证和提交操作。通过设置 `form` 标签的 `url` 属性,可以实现与后端的交互,...

    jquery-easyui-1.4.5.rar

    6. **表单Form**:EasyUI的表单组件提供了丰富的表单元素和验证机制,使数据输入和提交变得简单。结合后台验证,可以确保数据的完整性和安全性。 7. **API文档的重要性**:提供的API中文文档是开发者学习和应用...

    jquery-easyui-1.3.2+中文文档

    5. **表单(Form)**: 提供了多种表单元素,如文本框、选择框、日期选择器等,并支持验证和数据提交。 6. **按钮(Button)**: 包括普通按钮、链接按钮、图标按钮等,可方便地添加各种操作。 7. **对话框(Dialog...

    jQuery-Easyui-1.2-三层-Demo

    在"jQuery-Easyui-1.2-三层-Demo"的示例中,开发者可以学习如何将Easyui的组件与后端服务进行集成,实现数据的动态加载、交互和保存。这包括理解如何使用Easyui的API进行事件绑定、数据处理和AJAX请求,以及如何在...

    0分免费下载jQuery easyui-1.2.5 含Demo 非常好的框架结构

    3. **表单(Form)**:EasyUI的表单组件能够方便地创建和管理HTML表单,支持数据验证和提交。1.2.5版的表单组件与Datagrid结合,可以实现联动编辑,提高用户体验。 4. **布局(Layout)**:Layout组件允许开发者...

    jquer-easyui-1.6.6

    - **表单(Form)**:支持各种表单元素和验证规则,易于实现数据提交。 - **布局(Layout)**:允许灵活的页面分区和调整,提高用户体验。 4. **使用与开发** - **CSS样式**:EasyUI提供了预设的CSS样式,开发者...

    jquery-easyui-1.3.4与jquery1.8 API

    EasyUI包含众多组件,如对话框(dialog)、表单(form)、表格(datagrid)、菜单(menu)等,这些组件都遵循W3C标准,兼容各种浏览器,大大提高了开发效率。 二、jQuery 1.8 API jQuery 1.8是jQuery的一个稳定...

    jquery-easyui-1.2.3

    - **Form(表单)**:处理表单元素,如文本框、复选框、单选按钮等,支持验证和提交操作。 - **Tree(树形视图)**:用于展示层级关系的数据,支持展开/折叠、拖放操作。 - **Tabs(标签页)**:将内容分隔到不同...

    jquery-easyui-1.3.4-api_官方英文原版.zip

    - **Form**:表单组件,与后端数据交互,支持验证和提交。 2. **API 使用指南** - **CSS样式**:EasyUI 自带一套完整的 CSS 样式,通过类名控制组件外观,如`.datagrid`, `.panel` 等。 - **属性设置**:每个...

    jquery-easyui-1.4.zip

    在“jquery-easyui-1.4.zip”这个压缩包中,包含了EasyUI 1.4版本的所有资源,这将是我们深入学习和应用EasyUI的基础。 1. **jQuery EasyUI的核心概念** - **组件化**:EasyUI的核心在于组件化,它将常见的用户...

    jquery-easyui-1.3

    - **EasyUI组件**: EasyUI提供了诸如窗口(Window)、面板(Panel)、表单(Form)、菜单(Menu)等数十种组件,这些组件涵盖了Web开发中的常见需求。 - **主题系统**: EasyUI支持多种预设主题,允许开发者快速...

    jquery-Easyui引用与例子

    &lt;a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#fm').form('submit')"&gt;提交 &lt;/form&gt; ``` ### 4. 自定义样式与扩展 EasyUI 允许开发者自定义组件样式,可以通过修改 CSS 或...

    jquery-easyui-1.5.4.zip demo 源码

    6. **表单(Form)**:用于用户输入和数据收集,支持各种验证规则和远程提交。 在jQuery EasyUI 1.5.4版本中,可能包含了以下更新和改进: - **性能优化**:可能对框架的运行效率进行了提升,减少不必要的DOM操作...

    jquery-easyui-1.2学习参考

    5. **表单(Form)**:用于收集用户输入,支持验证和提交,可与Grid配合实现增删改查操作。 6. **按钮(Button)**:基础组件,可以触发事件或链接到其他页面。 7. **工具栏(Toolbar)**:常用于Grid上方,包含一系列...

    jquery-easyui-demo.zip

    通过分析和运行这些示例,我们可以学习到如何在实际项目中应用jQuery EasyUI,如何配置组件属性,以及如何处理用户交互事件。同时,了解EasyUI的API文档也是十分必要的,这将有助于我们更好地理解和定制组件行为。 ...

Global site tag (gtag.js) - Google Analytics