jackyrong

  博客园 :: 首页 :: 新随笔 :: 联系 :: 订阅 订阅 :: 管理
  927 Posts :: 2 Stories :: 1088 Comments :: 57 Trackbacks

公告

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

posted on 2010-08-21 07:20 jackyrong的世界 阅读(...) 评论(...) 编辑 收藏