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

在表单的输入验证中，经常要当用户没能正确输入后，要提示“XXXX输入错误”
这一类的信息，如何能搞到动态一点呢，今天发现jquery中的一个不错的效果，笔记之。

1 包含jquery
<script src="data:images/jquery-1.2.6.min.js" type="text/javascript"></script>
<script src="data: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中输入验证中一个不错的效果相关推荐

android 悬浮按钮功能实现,怎么在Android中利用FloatingActionButton实现一个悬浮按钮效果...
怎么在Android中利用FloatingActionButton实现一个悬浮按钮效果发布时间:2020-12-02 17:41:30 来源:亿速云阅读:238 作者:Leah 今天就跟大家聊聊有 ...
android progressdialog 背景色,怎么在android中利用ProgressDialog实现一个加载效果
怎么在android中利用ProgressDialog实现一个加载效果发布时间:2020-12-07 17:00:07 来源:亿速云阅读:77 作者:Leah 怎么在android中利用Progr ...
动态生成表格、隐藏表格、选中删除任意行、jquery、输入验证
PS: 游戏公司后台开发,工作模式:996. 于是写博客这事也荒废了.... 想想还是写一点吧. 呵呵,请不要笑话我注释写这么多,习惯了,我上班写代码都是有注释的. 我建两个相似的表是为了,给后台使用 ...
《孙子兵法》中关于领导力的一个不错的描述
来自极客时间<技术领导力讲座>: 智 :大智慧而不是小聪明,大谋略而不是小技巧.充分了解自己的优缺点与极限,可以识人用人补己之短,成就大业.谋事提前布局而不是靠奇袭,正所谓"善 ...
latex中输入数学中的“属于” 符号
非常简单,我还以为是/belong呢属于: /in 不属于:/notin
Visio中输入希腊字母
Visio中输入希腊字母,若采用复制粘贴的形式,字体一般为中文字体,如黑体,无法修改,很丑可以在先输入字母,英文字母,然后将其字体修改为 Symbol.Symbol Tiger或者Symbol Ti ...
Textbox控件禁止用户向文本框中输入文字
在Winform程序中,Textbox控件,如何禁止用户向文本框中输入文字,而只是可以通过程序来写入内容选择这个控件的属性,在事件列中找到KeyPress,双击,生成相应的事件监听方法,加入代码e. ...
vue中使用echarts做一个雷达图
在vue中使用echarts做一个雷达图效果如图首先 1.安装echarts npm install echarts -S 2.使用全局使用在main.js中 // 引入echarts imp ...
c++软件开发面试旋极面试题_经典软件开发面试题：浏览器中输入一个网址后发生了什么？...
经典软件开发面试题:浏览器中输入一个网址后发生了什么? 大家好, 这一期呢,我们来谈一个经典的面试题.这种题目是在浏览器中输入一个网址以后, 会显示一个网页,这期间到底发生了什么? 答案要求说的越 ...

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

jquery中输入验证中一个不错的效果相关推荐

最新文章

热门文章