判断input框是否为空

需求:

  当input框失去焦点时:判断,如果输入框内容为空则获取焦点;否则弹出输入框的内容。

<!DOCTYPE html>
<html>
<head>
    <title>判断input是否为空</title>
    <script src="https://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
</head>
<body>
    输入框:<input type="text" name="shurukuang" id="inputbox">
    <script type="text/javascript">
        // 输入框失去焦点时:判断
        // 如果输入框内容为空则获取焦点;
        // 如果输入框内容不为空则弹出输入框的内容
        $(function () {
            $(‘#inputbox‘).blur(function(event) {
                if ($(this).val()==‘‘) {
                    $(this).focus();
                }else{
                    alert($(this).val());
                }
            });
        })
    </script>
</body>
</html>

原文地址:https://www.cnblogs.com/myunYao/p/8926153.html

时间: 2024-07-30 15:12:50

判断input框是否为空的相关文章

判断文本框是否为空

在窗体上往往有很多文本框需要输入信息,一些下拉框需要选择,对于这些信息的输入,我们总是需要判断输入的是否为空,以前,总是一个一个的判断,这样太繁琐,也可能会丢掉其中的一个两个的.现在就让我们轻松解决判断文本框是否为空吧. <span style="font-size:18px;">''' <summary> ''' 用来判断文本框和下拉框是否为空 ''' </summary> ''' <remarks></remarks> M

VB.NET-轻松判断文本框是否为空,一键清空文本框内容

房收费系统的时候,令人相当恶心的一件事就是判断文本框和组合框是否为空还有清空文本框.基本上每个窗体都要进行判断,那一个接着一个的If...Else...语句,长长一串,看着就头疼,但是第一次做机房收费系统的时候竟然傻傻的一个不落都写了出来.真佩服当时的自己,不过这一次还是不要在做那种傻事了,因为我们经历了不少面向对象的洗礼,认识了封装. 向对象的范畴里,对于相同的或者类似的代码只要重复3次以上我们应该想到面向对象的三大特性之一:封装.想是想到了但是具体怎么通过封装来简化繁琐的判断任务呢? 1.

javascript判断input框只能输入数字的方法

javascript 只允许输入数字有很多方法,总结如下 1,只允许输入数字和小数点. <input onKeypress="return (/[\d.]/.test(String.fromCharCode(event.keyCode)))" style="ime-mode:Disabled"> 2,判断的更详细一些,甚至22..2这样不算数字也判断得出来 <script> <br>function check(){ <br

判断input框的value是否过大

1.html <input type="text" onblur="check(this)" onkeyup="this.value=this.value.replace(/[^0-9.]/g,'')" value="" name="plantingArea" class="mycropIn" placeholder="种植面积" style="wid

JS 验证一组input框是否为空的方法

function checkInput() { var $tr = $("#tb_confirmed .scrollContent").find("tr"); var flag = 0; var antiqueTypes = []; $tr.each( function( index, item ){ var type = $(item).find("input[type='text']").val(); antiqueTypes.push(ty

判断文本框、组合框是否空(机房重构知识点总结)

机房重构进行时,多次用到判断文本框.组合框是否为空,以及清空文本框.组合框,为此专门抽象出一系列的方法,开始写的比较乱,昨天又重新理了一遍,拿来与大家交流学习. 上图是组合查询的界面,因为上篇讲到了窗体继承,所以故意选择组合查询的父窗体,以此为基础,谈一下怎样判断文本框.组合框是否为空,怎样清空文本框.组合框,同时作为窗体继承的实践,以及组合查询的前篇. 组合查询有三个条件,我们可以选择一个.两个或三个,这就需要我们去判断其中一部分文本框.组合框是否为空,怎么办?方法有两个,一是把需要判断的控件

定义函数检索窗体中所有文本框是否为空

以前用VB做学生信息管理系统和机房收费系统,在遇到要判断用户是否在文本框输入数据的时候写很多判断语句. 现在用VB.NET重构机房收费系统,要尽量把代码重复利用率降低,所以就网上搜着了一个带参数的可以自动检索代码重复利用率的函数,留着以后备用. Public Function IsExists(ByVal frmTestText As Windows.Forms.Form) As Boolean IsExists = True Dim c As Control For Each c In frm

判断文本框、组合框为空太麻烦?

做机房重构这么长时间了,由纯三层转到加模式加各种其他技术.写了各个层的代码,每次写到要判断文本框或组合框为空的时候总要重复一个一个的判断,虽简单但写的太多了就感觉不怎么爽.不将就是创造的原动力,整点儿技术含量的方法. 今天就解决了这个问题:判断是否为空就两种情况:1.全部为空2.部分为空 1.全部为空 Public Function IsAllEmpty(ByVal frm As Form) As Boolean Dim control As New Control For Each ct1 A

微信小程序判断input是否为空

微信小程序中用到input值时候,判断其内容是否为空,可以用if-else判断内容的length,也可以给input加点击事件,判断其内容:以下是我解决问题的过程wxml代码 <view class="name"> <text>姓名</text> <input type='text' placeholder='收货人姓名' value="{{userName}}" bindblur='username'></in