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中“+=”的应用
Feb 02 Javascript
Packer 3.0 JS压缩及混淆工具 下载
May 03 Javascript
javascript URL锚点取值方法
Feb 25 Javascript
浅析JavaScript作用域链、执行上下文与闭包
Feb 01 Javascript
解决前端跨域问题方案汇总
Nov 20 Javascript
AngularJS使用ng-inlude指令加载页面失败的原因与解决方法
Jan 19 Javascript
js实现返回顶部效果
Mar 10 Javascript
js实现分页功能
May 24 Javascript
JSON 数据格式详解
Sep 13 Javascript
jQuery序列化form表单数据为JSON对象的实现方法
Sep 20 jQuery
详解React项目如何修改打包地址(编译输出文件地址)
Mar 21 Javascript
深入理解JS异步编程-Promise
Jun 03 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
关于Intype一些小问题的解决办法
2008/03/28 PHP
PHP按行读取文件时删除换行符的3种方法
2014/05/04 PHP
ThinkPHP行为扩展Behavior应用实例详解
2014/07/22 PHP
深入分析PHP优化及注意事项
2016/07/04 PHP
php获取目录中所有文件名及判断文件与目录的简单方法
2017/03/04 PHP
php 判断页面或图片是否经过gzip压缩的方法
2017/04/05 PHP
PHP大文件分割上传 PHP分片上传
2017/08/28 PHP
PDO::exec讲解
2019/01/28 PHP
Thinkphp5框架异常处理操作实例分析
2020/06/03 PHP
JavaScript多线程的实现方法
2007/05/08 Javascript
IE和Firefox下javascript的兼容写法小结
2008/12/10 Javascript
JQuery小知识
2010/10/15 Javascript
终于解决了IE8不支持数组的indexOf方法
2013/04/03 Javascript
javascript结合canvas实现图片旋转效果
2015/05/03 Javascript
jQuery右侧选项卡焦点图片轮播特效代码分享
2015/09/05 Javascript
基于jQuery实现音乐播放试听列表
2016/04/14 Javascript
基于Layer+jQuery的自定义弹框
2020/05/26 Javascript
jquery获取input type=text中的值的各种方式(总结)
2016/12/02 Javascript
深入理解Webpack 中路径的配置
2017/06/17 Javascript
AngularJS实现表格的增删改查(仅限前端)
2017/07/04 Javascript
[03:17]DOTA2-DPC中国联赛1月29日Recap集锦
2021/03/11 DOTA
利用python程序生成word和PDF文档的方法
2017/02/14 Python
pandas把所有大于0的数设置为1的方法
2019/01/26 Python
对Django中内置的User模型实例详解
2019/08/16 Python
python+selenium 脚本实现每天自动登记的思路详解
2020/03/11 Python
python中类与对象之间的关系详解
2020/12/16 Python
css 元素选择器的简单实例
2016/05/23 HTML / CSS
社团活动总结
2014/04/28 职场文书
宣传口号大全
2014/06/16 职场文书
激励口号大全
2014/06/17 职场文书
高一课前三分钟演讲稿
2014/09/13 职场文书
教师工作总结范文2014
2014/11/10 职场文书
学校2015年纠风工作总结
2015/05/15 职场文书
FP-growth算法发现频繁项集——发现频繁项集
2021/06/24 Python
Redis分布式锁的7种实现
2022/04/01 Redis
Mysql中mvcc各场景理解应用
2022/08/05 MySQL