我是靠谱客的博主 唠叨小猫咪,这篇文章主要介绍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中输入验证中一个不错内容请搜索靠谱客的其他文章。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(121)

评论列表共有 0 条评论

立即
投稿
返回
顶部