<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();
}
});
分享到:
相关推荐
4. 表单(form):支持验证和提交,方便用户输入和编辑数据。 5. 提示(tooltip):提供浮动的提示信息,增强用户体验。 6. 按钮(button)和菜单(menu):创建各种按钮和下拉菜单,实现丰富的交互操作。 7. 滑块...
5. 表单(Form):包含各种输入控件,支持验证和数据提交。 五、实际应用 jQuery EasyUI EDT 1.4.5-build1 可广泛应用于企业管理信息系统、电子商务平台、内容管理系统等,为开发人员提供了一套完整的前端解决方案...
7. **数据绑定和远程数据源**:EasyUI 可以与后端服务无缝集成,通过Ajax请求获取和提交数据。它支持JSON格式的数据,方便前后端交互。 8. **主题系统**:EasyUI 具有一套完整的主题系统,可以轻松改变应用的外观和...
- **表单(Form)**: 提供了多种表单元素,支持验证和数据提交。 - **按钮(Button)**: 创建各种类型的按钮,如普通按钮、复选按钮、单选按钮等。 - **树形视图(Tree)**: 显示层级结构的数据,常用于目录或...
2. **表单(Form)**:EasyUI 提供了多种表单元素,如输入框(input)、下拉框(combobox)、日期选择器(datebox)等,并且支持数据验证和提交操作。通过设置 `form` 标签的 `url` 属性,可以实现与后端的交互,...
6. **表单Form**:EasyUI的表单组件提供了丰富的表单元素和验证机制,使数据输入和提交变得简单。结合后台验证,可以确保数据的完整性和安全性。 7. **API文档的重要性**:提供的API中文文档是开发者学习和应用...
5. **表单(Form)**: 提供了多种表单元素,如文本框、选择框、日期选择器等,并支持验证和数据提交。 6. **按钮(Button)**: 包括普通按钮、链接按钮、图标按钮等,可方便地添加各种操作。 7. **对话框(Dialog...
在"jQuery-Easyui-1.2-三层-Demo"的示例中,开发者可以学习如何将Easyui的组件与后端服务进行集成,实现数据的动态加载、交互和保存。这包括理解如何使用Easyui的API进行事件绑定、数据处理和AJAX请求,以及如何在...
3. **表单(Form)**:EasyUI的表单组件能够方便地创建和管理HTML表单,支持数据验证和提交。1.2.5版的表单组件与Datagrid结合,可以实现联动编辑,提高用户体验。 4. **布局(Layout)**:Layout组件允许开发者...
- **表单(Form)**:支持各种表单元素和验证规则,易于实现数据提交。 - **布局(Layout)**:允许灵活的页面分区和调整,提高用户体验。 4. **使用与开发** - **CSS样式**:EasyUI提供了预设的CSS样式,开发者...
EasyUI包含众多组件,如对话框(dialog)、表单(form)、表格(datagrid)、菜单(menu)等,这些组件都遵循W3C标准,兼容各种浏览器,大大提高了开发效率。 二、jQuery 1.8 API jQuery 1.8是jQuery的一个稳定...
- **Form(表单)**:处理表单元素,如文本框、复选框、单选按钮等,支持验证和提交操作。 - **Tree(树形视图)**:用于展示层级关系的数据,支持展开/折叠、拖放操作。 - **Tabs(标签页)**:将内容分隔到不同...
- **Form**:表单组件,与后端数据交互,支持验证和提交。 2. **API 使用指南** - **CSS样式**:EasyUI 自带一套完整的 CSS 样式,通过类名控制组件外观,如`.datagrid`, `.panel` 等。 - **属性设置**:每个...
在“jquery-easyui-1.4.zip”这个压缩包中,包含了EasyUI 1.4版本的所有资源,这将是我们深入学习和应用EasyUI的基础。 1. **jQuery EasyUI的核心概念** - **组件化**:EasyUI的核心在于组件化,它将常见的用户...
- **EasyUI组件**: EasyUI提供了诸如窗口(Window)、面板(Panel)、表单(Form)、菜单(Menu)等数十种组件,这些组件涵盖了Web开发中的常见需求。 - **主题系统**: EasyUI支持多种预设主题,允许开发者快速...
<a href="javascript:void(0)" class="easyui-linkbutton" onclick="javascript:$('#fm').form('submit')">提交 </form> ``` ### 4. 自定义样式与扩展 EasyUI 允许开发者自定义组件样式,可以通过修改 CSS 或...
6. **表单(Form)**:用于用户输入和数据收集,支持各种验证规则和远程提交。 在jQuery EasyUI 1.5.4版本中,可能包含了以下更新和改进: - **性能优化**:可能对框架的运行效率进行了提升,减少不必要的DOM操作...
5. **表单(Form)**:用于收集用户输入,支持验证和提交,可与Grid配合实现增删改查操作。 6. **按钮(Button)**:基础组件,可以触发事件或链接到其他页面。 7. **工具栏(Toolbar)**:常用于Grid上方,包含一系列...
通过分析和运行这些示例,我们可以学习到如何在实际项目中应用jQuery EasyUI,如何配置组件属性,以及如何处理用户交互事件。同时,了解EasyUI的API文档也是十分必要的,这将有助于我们更好地理解和定制组件行为。 ...