`

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>
3
1
分享到:
评论

相关推荐

    jQuery formValidator表单验证插件示例源码

    总之,jQuery formValidator是前端开发中一个非常实用的工具,它简化了表单验证的实现,让开发者可以专注于业务逻辑而不是繁琐的验证代码。通过深入研究提供的示例和文档,你将能够熟练掌握并利用这个插件提高你的...

    jquery表单验证插件+Demo

    在IT领域,jQuery是一个广泛使用的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。...总之,jQuery Validate是前端开发中一个强大且易用的工具,对于任何处理用户输入的Web应用来说都是不可或缺的。

    jquery实现的支付宝快捷支付页面效果源码.zip

    总的来说,jQuery实现的支付宝快捷支付页面效果源码是前端开发中一个常见的实践案例,它综合运用了jQuery的多种功能,包括DOM操作、事件处理、Ajax通信等,旨在为用户提供安全、便捷的支付体验。理解和掌握这一过程...

    jquery的validate表单验证框架

    总的来说,`jQuery Validate`是前端开发中一个非常实用的工具,它使得表单验证变得简单且高效,同时提供了丰富的定制选项,能满足各种复杂的验证需求。通过学习和掌握这个框架,开发者可以为用户提供更加友好、流畅...

    jquery插件

    **jQuery插件库中的登录界面**是Web开发中一个常见的需求,尤其在当前移动优先的设计策略下,既能适应手机端又能适用于电脑端的界面设计至关重要。jQuery作为一个强大的JavaScript库,简化了DOM操作、事件处理、动画...

    jQuery多步骤注册表单页面.rar

    此外,这个项目可能还涉及到一些前端验证,例如,使用`pattern`属性进行简单的输入格式验证,或者利用jQuery的验证插件进行更复杂的逻辑验证。在用户提交表单前,验证所有必填字段,并确保输入的数据符合预设规则。 ...

    jQuery插件库

    jQuery插件库是Web开发中一个非常重要的资源集合,它为开发者提供了丰富的功能扩展,使得使用JavaScript库jQuery进行网页交互和动态效果实现变得更加便捷。jQuery以其简洁的API和强大的功能深受开发者喜爱,而jQuery...

    jQuery虚拟数字键盘插件.zip

    **jQuery虚拟数字键盘插件**是一种用于网页交互增强的实用工具,主要针对那些需要用户输入数字的场景,如在线支付、手机号码验证等。通过这个插件,开发者能够轻松地在网页上添加一个可自定义的数字键盘,提高用户...

    jQuery文本输入框内容格式化代码.zip

    总的来说,这个插件是前端开发中一个非常实用的工具,它简化了用户在文本输入框中输入格式化数据的过程,提高了输入效率,同时也降低了数据验证和处理的复杂性。开发者只需通过简单的配置,就能让插件适应各种数据...

    double-date双日历选择插件jQuery代码

    在这个双日历插件中,jQuery用于处理用户的输入,实现日历的动态显示和日期验证。 2. **double-date.js**:这是插件的主要脚本文件,包含了双日历选择的功能实现。它可能包括了创建和展示日历的函数,以及检测和...

    jquery-easyui-1.3.3

    3. **对话框(Dialog)**:Dialog 是 EasyUI 中一个常用组件,用于显示弹出式窗口,可以用来展示信息、输入数据或者进行确认操作。通过简单的配置,可以设置对话框的大小、位置、可拖动性、可最大化等属性。 4. **...

    医院宣传网站 html+css+js+jquery

    在这个项目中,JavaScript可以帮助我们实现用户输入验证、响应式行为、页面元素的操作等。例如,我们可以使用JavaScript获取DOM元素,改变其属性,或者监听用户的事件触发,如点击、滚动等。 最后,jQuery是一个轻...

    jQuery中:file选择器用法实例

    总的来说,`:file`选择器是jQuery中一个实用的工具,用于操作和控制文件输入元素,从而提升用户体验和增强页面的交互性。了解并熟练掌握这个选择器的用法,对编写高效、用户友好的前端应用大有裨益。

    显示隐藏动画.zip

    6. **数据输入验证**:在弹窗中,用户输入新人物的名称、头像和介绍。为了确保数据质量,项目可能包含了简单的验证机制,比如非空检查,长度限制等,以防止无效数据的提交。 7. **DOM 更新**:用户确认添加新人物后...

    tip提示插件

    在提供的压缩包文件名中,我们看到两个与jQuery相关的插件:“jQuery表单验证插件EasyValidator+2.0带TIP提示效果.rar”和“jquery_validate.rar”。这表明这些插件是用于jQuery框架的,jQuery是一种广泛使用的...

    jQuery密码键盘后台登录界面模板

    在登录界面模板中,jQuery可能被用来实现动态效果,如输入验证、表单提交的处理、错误提示的显示等。它通过提供简洁的API,使得开发者可以更方便地操作DOM元素,实现复杂的交互功能。 2. **密码键盘**:在这个模板...

    js插件-弹出层-选择框-输入框

    这个插件的输入限制功能可以帮助开发者轻松地实现这些验证规则,从而维护数据的准确性和一致性。 最后,这个插件基于jQuery,这是一个强大的JavaScript库,简化了DOM操作、事件处理、动画效果等任务。使用jQuery...

    javascript

    JavaScript是一种广泛应用于网页和网络...总之,JavaScript表单验证是前端开发中一个实用且基础的技术点,熟练掌握可以大大提高表单处理的效率和质量。通过理解上述知识点,你可以创建出更加智能、用户友好的表单系统。

Global site tag (gtag.js) - Google Analytics