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 1.4.2发布!主要是性能与API
Feb 25 Javascript
jQuery.each()用法分享
Jul 31 Javascript
jQuery事件绑定.on()简要概述及应用
Feb 07 Javascript
jQuery 删除或是清空某个HTML元素示例
Aug 04 Javascript
JS来动态的修改url实现对url的增删查改
Sep 05 Javascript
JavaScript中的this关键字使用方法总结
Mar 13 Javascript
js实现精确到秒的倒计时效果
May 29 Javascript
[原创]JavaScript语法高亮插件highlight.js用法详解【附highlight.js本站下载】
Nov 01 Javascript
Bootstrap CSS布局之图像
Dec 17 Javascript
vue源码解析之事件机制原理
Apr 21 Javascript
AngularJS发送异步Get/Post请求方法
Aug 13 Javascript
AngularJs中$cookies简单用法分析
May 30 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
Yii2框架中日志的使用方法分析
2017/05/22 PHP
PHP基于面向对象封装的分页类示例
2019/03/15 PHP
用javascript实现画板的代码
2007/09/05 Javascript
神奇的代码 通杀各种网站-可随意修改复制页面内容
2008/07/17 Javascript
jquery EasyUI的formatter格式化函数代码
2011/01/12 Javascript
JavaScript实现图片轮播的方法
2015/07/31 Javascript
IE中document.createElement的iframe无法设置属性name的解决方法
2015/09/14 Javascript
html5 canvas 详细使用教程
2017/01/20 Javascript
js实现本地时间同步功能
2017/08/26 Javascript
基于Vue的移动端图片裁剪组件功能
2017/11/28 Javascript
JavaScript中的一些隐式转换和总结(推荐)
2017/12/22 Javascript
浅谈Webpack 是如何加载模块的
2018/05/24 Javascript
Vue 实现前端权限控制的示例代码
2019/07/09 Javascript
Chrome插件开发系列一:弹窗终结者开发实战
2020/10/02 Javascript
vue+elementUI中表格高亮或字体颜色改变操作
2020/11/02 Javascript
python计算最大优先级队列实例
2013/12/18 Python
Python打造出适合自己的定制化Eclipse IDE
2016/03/02 Python
python实现图片转字符小工具
2019/04/30 Python
python 实现查找文件并输出满足某一条件的数据项方法
2019/06/12 Python
pyqt5 实现多窗口跳转的方法
2019/06/19 Python
详解python播放音频的三种方法
2019/09/23 Python
python中round函数保留两位小数的方法
2020/12/04 Python
Photobook澳大利亚:制作相片书,婚礼卡,旅行相簿
2017/01/12 全球购物
大专毕业生自我评价分享
2013/11/10 职场文书
个人简历中的自我评价怎么写
2014/01/26 职场文书
2014向国旗敬礼网上签名活动总结
2014/09/27 职场文书
领导干部作风整顿个人剖析材料
2014/10/11 职场文书
考生诚信考试承诺书
2015/04/29 职场文书
消防安全月活动总结
2015/05/08 职场文书
2015年小学远程教育工作总结
2015/07/28 职场文书
社区挂职锻炼个人工作总结
2015/10/23 职场文书
外出培训学习心得体会
2016/01/18 职场文书
标会主持词应该怎么写?
2019/08/15 职场文书
MySQL慢查询优化解决问题
2022/03/17 MySQL
Spring Data JPA框架自定义Repository接口
2022/04/28 Java/Android
html用代码制作虚线框怎么做? dw制作虚线圆圈的技巧
2022/12/24 HTML / CSS