`

jquery 校验

    博客分类:
  • js
 
阅读更多
<input id="Text1" type="text" /><span id="Text1Note"></span><br />
        <input id="Text2" type="text" /><span id="Text2Note"></span><br />
        <input id="Text3" type="text" /><span id="Text3Note"></span><br />
        <input id="Text4" type="text" /><span id="Text4Note"></span><br />
        <input id="Button1" type="button" value="button" onclick="return onsumbit()" />
        <script>
            //假设文本框1和3必须输入
            //focusin事件为光标进入,focusout为光标离开
            $("#Text1").focusin(function () {
                $("#Text1Note").html("文本框1该项必须填写!");
            }).focusout(function () {
                if ($("#Text1").val() == "")
                    $("#Text1Note").html("文本框1该项必须填写!");
                else
                    $("#Text1Note").html("");
            });

            $("#Text3").focusin(function () {
                $("#Text3Note").html("文本框3该项必须填写!");
            }).focusout(function () {
                if ($("#Text3").val() == "")
                    $("#Text3Note").html("文本框3该项必须填写!");
                else
                    $("#Text3Note").html("");
            });
            //不做任何输入直接提交执行提交执行
            function onsumbit() {
                if ($("#Text1").val() == "")
                    $("#Text1Note").html("文本框1该项必须填写!");
                if ($("#Text3").val() == "")
                    $("#Text3Note").html("文本框3该项必须填写!");
                return false;
            }
        </script>
分享到:
评论

相关推荐

    jquery 校验大全 实例

    "jQuery校验大全实例"是针对使用jQuery进行表单验证的一个综合资源,非常适合开发者学习和应用。这个压缩包可能包含了各种jQuery验证插件、代码示例以及详细的教程,旨在帮助开发者实现高效且用户友好的表单验证。 ...

    Jquery校验 (js+实例+帮助文档)

    **jQuery校验(js+实例+帮助文档)** jQuery是一个广泛使用的JavaScript库,极大地简化了JavaScript的DOM操作、事件处理、动画设计以及Ajax交互。在Web开发中,表单验证是必不可少的一环,jQuery提供了方便的校验...

    jquery 校验的文档

    ### jQuery校验插件知识点详解 #### 一、导入JS库 在使用jQuery校验插件之前,首先需要确保已正确加载jQuery库以及jQuery Validate插件。以下为基本的引入方式: ```html &lt;script src="../js/jquery.js" type=...

    jQuery校验

    jQuery校验是一款非常实用的前端验证插件,它极大地简化了网页表单验证的过程,使得开发者无需编写大量的JavaScript代码即可实现复杂且人性化的验证规则。这个插件是基于流行的JavaScript库jQuery构建的,因此,如果...

    php与jquery校验用户名

    总的来说,"php与jquery校验用户名"这一主题涵盖了客户端与服务器端验证的基本思路和实现方法,包括jQuery的实时验证、PHP的数据库查询以及Ajax通信。理解并掌握这些技术对于Web开发人员来说是非常重要的。

    jquery基本校验

    最基本jquery校验用户名密码,表单提交用户

    异步校验jquery-ajax

    本工程有两种ajax异步校验注册时输入的username是否与数据库中的值重复,通过mybatis实现数据库,通过servlet或者struts2实现控制层,通过ajax,jquery,json,实现异步校验

    My97DatePicker日期插件,jquery校验插件validation,js

    这是一个轻量级但功能强大的表单验证库,它可以与jQuery库(在这个例子中是`jquery-1.12.4.min.js`)一起使用,以实现对用户输入的实时验证。在网页表单中,数据验证至关重要,可以防止用户提交无效或不完整的数据。...

    日期校验,日期校验Ajax,jquery

    日期校验,日期校验Ajax,jquery日期校验,日期校验Ajax,jquery

    Ajax&jQuery校验用户名的例子

    使用Ajax和jQuery技术做的校验用户名的例子,。适合初学者参考

    Jquery自带校验包

    直接在标签内填入需要校验的格式,非空、数字类型、长度校验等,使用方便,快捷

    JQuery校验注册时用户名是否存在

    使用JQuery的方式,在注册页面校验用户名是否已经存在,并作出提示。 我的博文中有预览图,博客路径:https://blog.csdn.net/qq_36654606/article/details/86650080

    jquery校验框架

    在Web开发中,用户输入的数据校验是必不可少的一环,它能够确保数据的准确性和安全性。jQuery作为一个强大的JavaScript库,提供了丰富的功能,其中包括验证框架jQuery Validate,它使得前端数据验证变得更加简单易行...

    jquery 校验中国身份证号码实例详解

    在介绍jQuery校验中国身份证号码的过程中,首先需要了解身份证号码的组成。根据描述,中国第二代身份证号码为18位数字码,由六位地区码、八位生日码、三位顺序码和一位校验码组成。其中地区码为行政区划代码,生日码...

    jQuery自定义校验方法

    jQuery自定义校验规则,使HTML元素内容匹配自定义的校验方法

    jquery常用的校验.rar

    本资料“jquery常用的校验.rar”正是针对这个主题,包含了一些关于jQuery校验的实践应用。 首先,jQuery的核心API中并没有内置的数据验证功能,但可以通过扩展或者使用第三方插件来实现。最常用的数据验证插件之一...

    jquery密码强度验证

    `jQuery`作为一款广泛使用的JavaScript库,提供了便捷的方式来增强用户体验并实现复杂的前端功能,其中包括密码强度验证。本篇文章将深入探讨如何使用jQuery实现密码强度验证,并针对描述中的6、7、8位密码长度进行...

    jquery xss验证代码

    jquery xss验证代码,以txt打开,修改http://xxx/jquery.js,保存后加载有问题的jquery,可以出现弹窗

Global site tag (gtag.js) - Google Analytics