惯性聚合 高效追踪和阅读你感兴趣的博客、新闻、科技资讯
阅读原文 在惯性聚合中打开

推荐订阅源

H
Help Net Security
腾讯CDC
爱范儿
爱范儿
Google DeepMind News
Google DeepMind News
V
V2EX
Blog — PlanetScale
Blog — PlanetScale
Engineering at Meta
Engineering at Meta
GbyAI
GbyAI
量子位
F
Fortinet All Blogs
G
Google Developers Blog
T
The Blog of Author Tim Ferriss
Cyber Security Advisories - MS-ISAC
Cyber Security Advisories - MS-ISAC
Hugging Face - Blog
Hugging Face - Blog
Last Week in AI
Last Week in AI
T
Tailwind CSS Blog
J
Java Code Geeks
S
SegmentFault 最新的问题
D
Docker
博客园 - 司徒正美
The GitHub Blog
The GitHub Blog
Jina AI
Jina AI
M
MIT News - Artificial intelligence
博客园 - 【当耐特】

博客园 - jackyrong的世界

本BLOG迁移到javaeye .net中javascript去调用webservice - jackyrong的世界 - 博客园 asp.net 4中的新特性之一:控制URL长度 vs.net 2010中使用code snippets - jackyrong的世界 asp.net 2010中jquery调用webservice 一个模仿HTML5功能的jquery控件 - jackyrong的世界 - 博客园 php中存储IP的一个不错的方法 介绍又一个不错的TOMCAT监控好工具probe 软件工程心理学系列11之如何应对客户的严厉批评 团队中不能只有梅西呀 mysql 性能学习1 6个PHP漏洞扫描工具 监控JAVA应用的好工具javamelody (转)Math.Round() -- c# 与 java的区别 云估算? apache 的mod-status 如何带平均年龄小的团队 本人售买一本o'relliy 出版社的《WCF服务编程》书,有意的广州朋友当面交易 小结php的字符串用法 - jackyrong的世界 - 博客园
jquery中输入验证中一个不错的效果 - jackyrong的世界 - 博客园
jackyrong的世界 · 2010-08-21 · via 博客园 - jackyrong的世界

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