×

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

作者:ceshi2017.03.20来源:Web前端之家浏览:9449评论:0
关键词:JQueryJS

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

代码如下:

<script src="images/jquery-1.7.2.min.js" type="text/javascript"></script> 
<script src="images/jquery.form.js" type="text/javascript"></script> 
<div id="msg"></div>
<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>

您的支持是我们创作的动力!
温馨提示:本文作者系 ,经Web前端之家编辑修改或补充,转载请注明出处和本文链接:
https://www.jiangweishan.com/article/svg1488297600841.html

网友评论文明上网理性发言 已有0人参与

发表评论: