`
李宏喜
  • 浏览: 118679 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

Jquery的框架 easyui 的表单校验的基本方式

阅读更多
这几天我开发的项目中,前台用easyui来做,easyui是基于jquery的一个简单美观的开发框架,有比较丰富的例子。现在把表单提交的部分代码写下来。写的比较简单,请指导!

下面是两个录入框的校验的提示信息





这是两个基本的校验,一个是必填项,一个是邮件格式的校验。那么我们在程序中如何写呢?


   <input class="easyui-validatebox" type="text" id="login_name" name="login_name" required="true"/>

   <input class="easyui-validatebox" type="text" name="email" validType="email"/> 



   首先引入 easyui-validatebox校验盒子,校验的类型。当然前提是需要在html页面引入jquery和easyui需要的js文件和css样式文件

   那么如果校验失败,如何阻止表单提交呢?下面是我写的一些代码:

function editUser() {
     var user = $('#form1').serializeObject();
     if (!user.id || user.id.length == 0) {
         save(user);
     } 
}
function save(user) {
     if($('this').form('validate')) { //进行校验
         //....
     }
     $("a[icon=pagination-load]").trigger('click');
}

清除表单的录入项
 $('#form1').form('clear');

主要查找 $('#form1') 这个对象有哪些可以操作的方法,这些方法的主要的目的什么。
 



  • 大小: 12.5 KB
  • 大小: 13.2 KB
1
0
分享到:
评论

相关推荐

    jquery-easyui-1.3.5 源码

    `jQuery EasyUI` 是一个基于 jQuery 的前端框架,它提供了丰富的用户界面组件,使得开发者能够快速构建出美观、交互性强的Web应用。`1.3.5` 是这个框架的一个版本,我们接下来将深入探讨其核心概念、主要功能以及...

    jQuery easyui的validatebox校验规则扩展及easyui校验框validatebox用法

    标题和描述中提到的知识点涉及jQuery EasyUI框架中的validatebox插件,该插件用于表单输入验证。validatebox允许前端对用户输入进行校验,以减少服务器的负担并提升用户体验。它提供了基本的校验规则,但有时可能...

    jquery EasyUI 1.4.3奇葩案例代码

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一系列的组件,如表格、下拉框、对话框、菜单等,帮助开发者快速构建用户界面。这个“jQuery EasyUI 1.4.3奇葩案例代码”是一个特别的示例集合,旨在展示一些...

    jQuery_EasyUI中文帮助手册(带目录)

    EasyUI是一种基于jQuery的前端框架,它为开发人员提供了一套丰富的UI组件,以帮助快速构建现代化、交互式的Web应用。jQuery EasyUI中文帮助手册是一个全面的指导文档,它详细介绍了EasyUI框架的各种组件以及如何使用...

    jquery easyUI

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它提供了一套丰富的用户界面组件,帮助Web开发者快速构建交互式的、功能完备的网页应用。EasyUI 的目标是让开发者能够专注于业务逻辑,而无需在 UI 细节上花费大量时间...

    jquery Easyui 后台 系统

    jQuery EasyUI 是一套基于 jQuery 的前端开发框架,它为构建功能丰富的后台管理系统提供了便捷的方式。EasyUI 提供了一整套组件,包括表格、表单、对话框、菜单、树形控件等,使得开发者可以快速地创建出具有专业...

    表单校验(js),easyui

    EasyUI是一个基于jQuery的轻量级UI库,提供了一套完整的组件,用于构建响应式、美观的Web应用界面。它包含了大量的预定义样式和交互效果,如对话框、表格、下拉菜单、树形结构等。在本资源中,EasyUI被用来创建和...

    Jqueryeasyui文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它为开发者提供了大量的可重用的 UI 组件,极大地简化了网页界面的开发过程。这个文档集合包含了丰富的 jQuery 相关方法和 EasyUI 的组件使用指南,是开发过程中不可或...

    jQuery设置Easyui校验规则(推荐)

    jQuery EasyUI 是一个基于jQuery的UI框架,它提供了一套丰富的组件,包括数据验证功能,可以帮助开发者轻松实现界面的交互和验证。本文将详细介绍如何使用jQuery设置EasyUI的校验规则。 首先,jQuery EasyUI的验证...

    Jquery插件easyUi实现表单验证示例

    Jquery插件easyUi是一个流行的前端UI框架,它为开发者提供了一系列的用户界面组件,方便实现网页的交互功能。在Web开发过程中,表单验证是不可或缺的环节,它能够确保用户输入的数据满足一定的格式要求,提高数据的...

    jQuery_EasyUI

    ### jQuery EasyUI 入门教程知识点详解 #### 一、基本拖放 ##### 知识点1:基本拖放概念 - **定义**:拖放是用户可以通过鼠标操作移动对象的功能,常见于图形用户界面中。 - **实现原理**:在jQuery EasyUI中,...

    jquery easyUI中ajax异步校验用户名

    jquery easyUI是一个基于jQuery的前端UI框架,提供了丰富的组件,简化了Web页面的开发工作。而ajax是一种能够在不重新加载整个页面的情况下,与服务器交换数据并更新部分网页的技术。在Web应用中,经常需要进行表单...

    jQuery插件EasyUI校验规则 validatebox验证框

    validatebox是jQuery EasyUI中用于表单输入校验的组件。它通过预设或者自定义的校验规则来确保用户输入的数据符合特定格式或条件。当输入数据不符合校验规则时,validatebox能够通过提示信息告知用户,并阻止表单...

    Easyui Mvc结合使用实例

    首先,EasyUI是一个基于jQuery的UI库,它提供了一系列易于使用的组件,如表格、表单、下拉框、对话框等,使得开发者可以快速构建具有专业外观的Web界面。EasyUI的核心理念是简化开发,通过简单的HTML标记和CSS样式,...

    JqueryEasyUI1.4参考手册

    `[www.java1234.com]JqueryEasyUI1.4参考手册(version1.0).chm` 这个文件是一个包含详细文档的 CHM 文件,提供了关于所有组件的用法、配置选项和示例,是学习和使用 jQuery EasyUI 1.4 的重要参考资料。 总之,...

    jQuery EasyUI 1.5.2 离线简体中文API文档

    jQuery EasyUI 是一个基于 jQuery 的前端框架,它简化了网页用户界面开发,提供了丰富的组件和交互功能。1.5.2 版本是其一个重要版本,包含了一系列改进和优化。这个离线简体中文API文档是为了方便开发者在没有网络...

    实例解析jQuery插件EasyUI最常用的表单验证规则

    例如:校验输入框只能录入0-1000之间 最多有2位小数的数字 表单&lt;input type=”text” id=”rate” name=”rate” required=”true” class=”easyui-validatebox” validType=”rateCheck[0,1000]” maxlength=...

    EasyUI validate js校验规则文件

    EasyUI 是一个基于 jQuery 的前端框架,用于快速构建用户界面。在EasyUI中,validate.js 是一个关键组件,主要用于表单验证。它提供了一系列的校验规则,帮助开发者确保用户输入的数据符合预设的规范,从而提高应用...

Global site tag (gtag.js) - Google Analytics