您的位置:首页 > Web前端 > JQuery

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

2010-08-21 00:00 357 查看
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 J***ASCRIPT设置
<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>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: