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 相关文章推荐
JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述
Apr 15 Javascript
JQuery中对服务器控件 DropdownList, RadioButtonList, CheckboxList的操作总结
Jun 28 Javascript
js查找某元素中的所有图片地址的方法
Jan 16 Javascript
jquery事件preventDefault()方法用法实例
Jan 16 Javascript
jquery html5 视频播放控制代码
Nov 06 Javascript
BootStrap Datetimepicker 汉化的实现代码
Feb 10 Javascript
Bootstrap响应式导航由768px变成992px的实现代码
Jun 15 Javascript
使用angular帮你实现拖拽的示例
Jul 05 Javascript
JS加密插件CryptoJS实现的DES加密示例
Aug 16 Javascript
深入理解Vue 组件之间传值
Aug 16 Javascript
vue实现把接口单独存放在一个文件方式
Aug 13 Javascript
JS ES6异步解决方案
Apr 29 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
php 获取全局变量的代码
2011/04/21 PHP
PHP使用第三方即时获取物流动态实例详解
2017/04/27 PHP
php实现通过stomp协议连接ActiveMQ操作示例
2020/02/23 PHP
常规表格多表头查询示例
2014/02/21 Javascript
Jquery中基本选择器用法实例详解
2015/05/18 Javascript
vuejs在解析时出现闪烁的原因及防止闪烁的方法
2016/09/19 Javascript
jQuery Validate表单验证插件的基本使用方法及功能拓展
2017/01/04 Javascript
基于JS实现二维码图片固定在右下角某处并跟随滚动条滚动
2017/02/08 Javascript
jquery仿微信聊天界面
2017/05/06 jQuery
View.post() 不靠谱的地方你知道多少
2017/08/29 Javascript
JS使用正则表达式判断输入框失去焦点事件
2019/10/16 Javascript
解决vue数据不实时更新的问题(数据更改了,但数据不实时更新)
2020/10/27 Javascript
Python实现二维有序数组查找的方法
2016/04/27 Python
Python之reload流程实例代码解析
2018/01/29 Python
selenium设置proxy、headers的方法(phantomjs、Chrome、Firefox)
2018/11/29 Python
利用Pyhton中的requests包进行网页访问测试的方法
2018/12/26 Python
python实现图书借阅系统
2019/02/20 Python
python3连接kafka模块pykafka生产者简单封装代码
2019/12/23 Python
Python使用Tkinter实现滚动抽奖器效果
2020/01/06 Python
MNIST数据集转化为二维图片的实现示例
2020/01/10 Python
python对XML文件的操作实现代码
2020/03/27 Python
HTML5跳转小程序wx-open-launch-weapp的示例代码
2020/07/16 HTML / CSS
ebookers英国:隶属全球最大的在线旅游公司Expedia
2017/12/28 全球购物
VICHY薇姿俄罗斯官方网上商店:法国护肤品牌,火山温泉水
2019/11/22 全球购物
如何安装ruby on rails
2014/02/09 面试题
会计电算化应届生求职信
2013/11/03 职场文书
劳资专员岗位职责
2013/12/27 职场文书
学习两会精神心得范文
2014/03/17 职场文书
差生评语大全
2014/05/04 职场文书
工程材料采购方案
2014/05/18 职场文书
招标承诺书
2014/08/30 职场文书
大学生实习证明范本
2014/09/19 职场文书
2015年“我们的节日·中秋节”活动总结
2015/07/30 职场文书
奖学金申请个人主要事迹材料
2015/11/04 职场文书
Vertica集成Apache Hudi重磅使用指南
2022/03/31 Servers
Dashboard管理Kubernetes集群与API访问配置
2022/04/01 Servers