首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

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

2012-10-30 
jquery中输入验证中一个不错的效果在表单的输入验证中,经常要当用户没能正确输入后,要提示“XXXX输入错误”

jquery中输入验证中一个不错的效果
在表单的输入验证中,经常要当用户没能正确输入后,要提示“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>

热点排行