这几天我开发的项目中,前台用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
分享到:
相关推荐
jQuery.easyui框架源码jQuery.easyui框架源码jQuery.easyui框架源码
jquery-easyui-1.2.2jquery-easyui-1.2.2jquery-easyui-1.2.2
jQuery EasyUI是一组基于jQuery的UI插件集合,而jQuery EasyUI的目标就是帮助web开发者更轻松的打造出功能丰富并且美观的UI界面。开发者不需要编写复杂的javascript,也不需要对css样式有深入的了解,开发者需要了解...
这里面是 jQuery-easyUI的引用 以及引用的示例,里面有一份教程文档 可以参照着学习和借鉴
jquery-easyui-EDT-1.5.2-build1 jquery-easyui-EDT-1.5.2-build1
jquery-easyui-1.7.0 官方文档以及源码,演示demo,内容详细
1.[jQuery.EasyUI]第1章
jQuery EasyUI EasyUI 组件范例
jQuery EasyUI jquery-easyui-1.5.5.6 版 API 中文版 PDF和chm版本,jQuery
jquery-easyui完整demo演示
easyui是一种基于jQuery的用户界面插件集合。 easyui为创建现代化,互动,JavaScript应用程序,提供必要的功能。 使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui...
jqueryEasyUI 下载,及api下载 jqueryEasyUI 下载,及api下载
jQuery+EasyUI开发示例(附源码)
jQuery.easyui.1.2.6 外层框架的例子
教程名称:超实用的jQuery-EasyUI视频教程(30集)课程目录:【】jQuery-EasyUI视频教程(01-02集)【】jQuery-EasyUI视频教程(03-04集)【】jQuery-EasyUI视频教程(05-06集)【】jQuery-EasyUI视频教程(07-08集...
该资源为jquery-easyui-1.5.5版本,包含easyui插件所依赖的js和css
easyui是一种基于jQuery的用户界面插件集合,为创建现代化,互动,JavaScript应用程序,提供必要的功能,使用easyui你不需要写很多代码,你只需要通过编写一些简单HTML标记,就可以定义用户界面。 easyui是个完美...
jquery-easyui-1.3.3
jquery-easyui-1.2.5源码
jquery-easyui 前端开发框架