javascript - 怎么实现监听判断input.val()输入状态？

问题描述

问 题

这个问题怎么实现监听判断input.val()输入状态？求解决的方法：没有填写则给予禁用状态，而有填写则给予开放状态。

$('input[type=text]').on('input', function(){
    var inputText = $('input[type=text]').val();
    if(inputText.length < 0) {
        $(".submit-btn").attr("disabled", true);
    }else {
        $(".submit-btn").attr("disabled", false);
    }
});

解决方案

谢邀~

$('input[type=text]').on('keyup', function(){
    var val= $(this).val();
    console.log(val);
    if(val.length < 1) {
        $(".submit-btn").prop("disabled", true);
    }else {
        $(".submit-btn").prop("disabled", false);
    }
});

看了别人的回复, 我的第一感觉可能是题主没有描述清楚
$('input[type=text]')
$(".submit-btn")
应该是两个东西~
给我的第一感觉应该不是同一类元素

2.0:

$('input[type=text]').on('keyup', function(){
    var val= $(this).val();
    console.log(val);
    if(val.length < 1) {
        $(".submit-btn").prop("disabled", true);
    }else {
        var b = true;//is someone empty
        $('input[type=text]').each(fucntion(){
            if($(this).val() == ""){
               b = false;
            }
        });
        if(!b){
           $(".submit-btn").prop("disabled", false);
        }else{
           $(".submit-btn").prop("disabled", true);
        }
    }
});

这篇关于javascript - 怎么实现监听判断input.val()输入状态？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！