jquery中输入验证中一个不错的效果


Posted in Javascript onAugust 21, 2010

1 包含jquery

<script src="images/jquery-1.2.6.min.js" type="text/javascript"></script> 
<script src="images/jquery.form.js" type="text/javascript"></script>

2 设置
<div id="msg"></div></td>

3 JAVASCRIPT设置

<script type="text/javascript"> 
<!-- 
$(function(){ 
$('#msg').hide(); 
var options = { 
target: '#msg', 
url: 'XXXX.ACTION', 
beforeSubmit: function(){ if($('#company').val()==''){ 
$('#msg').html("<span class=\"about_content_title\">[公司名称]不能为空!</span>"); 
$('#msg').show(1000); 
$('#msg').hide(3000); 
return false; 
} 
$('#msg').html("<img src=\"images/loading.gif\" /><span class=\"about_content_title\"> 资料保存中,请稍候。。。</span>"); 
$('#msg').show(1000); 
} 
success: function() { 
$('#msg').html("<span class=\"about_content_title\">资料保存成功!</span>"); 
$('#msg').show(1000); 
$('#myform').resetForm(); 
$('#msg').hide(3000); 
} 
}; 
$('#myform').ajaxForm(options); 
}); 
--> 
</script>
Javascript 相关文章推荐
javascript 单选框,多选框美化代码
Aug 01 Javascript
JS 对象介绍
Jan 20 Javascript
js中一维数组和二位数组中的几个问题示例说明
Jul 17 Javascript
JS取得绝对路径的实现代码
Jan 16 Javascript
JQuery中serialize() 序列化
Mar 13 Javascript
javascript弹出窗口实现代码
Nov 12 Javascript
jQuery模拟360浏览器切屏效果幻灯片(附demo源码下载)
Jan 29 Javascript
vuejs手把手教你写一个完整的购物车实例代码
Jul 06 Javascript
基于JavaScript实现无限加载瀑布流
Jul 21 Javascript
使用vue实现一个电子签名组件的示例代码
Jan 06 Javascript
微信小程序实现发微博功能的示例代码
Jun 24 Javascript
基于原生js实现判断元素是否有指定class名
Jul 11 Javascript
单独使用CKFinder选择图片的方法
Aug 21 #Javascript
jQuery UI AutoComplete 自动完成使用小记
Aug 21 #Javascript
基于jQuery UI CSS Framework开发Widget的经验
Aug 21 #Javascript
jquery png 透明解决方案(推荐)
Aug 21 #Javascript
基于jquery的模态div层弹出效果
Aug 21 #Javascript
ExtJs 表单提交登陆实现代码
Aug 19 #Javascript
ExtJs中简单的登录界面制作方法
Aug 19 #Javascript
You might like
19个Android常用工具类汇总
2014/12/30 PHP
Yii使用技巧大汇总
2015/12/29 PHP
Prototype最新版(1.5 rc2)使用指南(1)
2007/01/10 Javascript
在textarea中显示html页面的javascript代码
2007/04/20 Javascript
在IE下获取object(ActiveX)的Param的代码
2009/09/15 Javascript
如何获取select下拉框的值(option没有及有value属性)
2013/11/08 Javascript
javascript页面渲染速度测试脚本分享
2014/04/15 Javascript
jQuery中ajax和post处理json的不同示例对比
2014/11/02 Javascript
JavaScript实现鼠标点击后层展开效果的方法
2015/05/13 Javascript
AngularJs页面筛选标签小功能
2016/08/01 Javascript
jsp 自动编译机制详细介绍
2016/12/01 Javascript
JQuery统计input和textarea文字输入数量(代码分享)
2016/12/29 Javascript
详解如何在Vue2中实现组件props双向绑定
2017/03/29 Javascript
JavaScript运动框架 链式运动到完美运动(五)
2017/05/18 Javascript
jQuery实现base64前台加密解密功能详解
2017/08/29 jQuery
Vue实现active点击切换方法
2018/03/16 Javascript
D3.js实现拓扑图的示例代码
2018/06/30 Javascript
搭建vue开发环境
2018/07/19 Javascript
jQuery实现获取当前鼠标位置并输出功能示例
2019/01/05 jQuery
vue实现一拉到底的滑动验证
2019/07/25 Javascript
vue 获取url参数、get参数返回数组的操作
2020/11/12 Javascript
[04:21]狐狸妈带你到现场 DOTA2 TI中国区预选赛线下赛路线指引
2014/05/22 DOTA
Python装饰器的函数式编程详解
2015/02/27 Python
简单易懂的python环境安装教程
2017/07/13 Python
详解Python二维数组与三维数组切片的方法
2019/07/18 Python
python查看数据类型的方法
2019/10/12 Python
Python多线程操作之互斥锁、递归锁、信号量、事件实例详解
2020/03/24 Python
Keras中的两种模型:Sequential和Model用法
2020/06/27 Python
Manjaro、pip、conda更换国内源的方法
2020/11/17 Python
宿舍保安职务说明书
2014/02/25 职场文书
《骆驼和羊》教学反思
2014/02/27 职场文书
企业宗旨标语
2014/06/10 职场文书
安全生产感想
2015/08/07 职场文书
早恋主题班会
2015/08/14 职场文书
2015年挂职锻炼个人总结
2015/10/22 职场文书
用Python远程登陆服务器的步骤
2021/04/16 Python