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

174 阅读 0 评论 115 点赞

我是靠谱客的博主唠叨小猫咪，最近开发中收集的这篇文章主要介绍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> 