jquery中输入验证中一个不错的效果
2010-08-21 07:02
211 查看
在表单的输入验证中,经常要当用户没能正确输入后,要提示“XXXX输入错误”
这一类的信息,如何能搞到动态一点呢,今天发现jquery中的一个不错的效果,笔记之。
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>
这一类的信息,如何能搞到动态一点呢,今天发现jquery中的一个不错的效果,笔记之。
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>
相关文章推荐
- jquery中输入验证中一个不错的效果
- jquery中输入验证中一个不错的效果
- jquery中输入验证中一个不错的效果
- 自己写一个非常不错的Jquery动画效果,flash,Get out!
- 一个jquery实现的不错的多行文字图片滚动效果
- 一个jquery实现的不错的多行文字图片滚动效果
- 分享一个不错的jquery表单验证插件
- 分享一个验证页面文本框输入长度的jquery方法
- 收藏一个不错的老外的翻书效果(jquery的)
- jquery的一个表单验证
- 一个不错的JQuery Chart Plugins
- 使用JQuery和s3captche实现一个水果名字的验证
- Jquery各种文本框输入验证
- 一个不错的启动菜单显示屏动画效果
- 写了一个验证相关的jquery插件
- 编写一个程序,它从标准输入读取C源代码,并验证所有的花括号都正确的成对出现。
- jquery验证页面只能输入数字
- 一个帮助你生成iOS文件夹效果的jQuery插件 - App-Folders
- Dhtml制作一个应用渐变颜色效果不错的进度条
- 编写一个程序,它从标准输入读取C源代码,并验证所有的花括号都正确的成对出现