Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/docker/10.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 当输入文本中没有值时禁用按钮_Jquery - Fatal编程技术网

Jquery 当输入文本中没有值时禁用按钮

Jquery 当输入文本中没有值时禁用按钮,jquery,Jquery,当输入文本中没有插入值时,我需要禁用该按钮 <form> <div class="form-group"> <p class="description">Please Enter Your Tracking Number.</p> <input type="text" id="tracking-input" class="input-text full-width" plac

当输入文本中没有插入值时,我需要禁用该按钮

<form>
    <div class="form-group">             
        <p class="description">Please Enter Your Tracking Number.</p>

        <input type="text" id="tracking-input" class="input-text full-width" placeholder="Enter your Tracking number(s)"onkeypress='return event.charCode >= 48 && event.charCode <= 57'>
    </div> 
    <br>
    <button type="submit" id="register" class="full-width btn-medium">Track</button>
</form>

请输入您的追踪号码


轨道
我试过这个,但不起作用

<script>

function buttonState(){
    $("input").each(function(){
        $('#register').attr('disabled', 'disabled');
            if($(this).val() == "" ) return false;
        $('#register').attr('disabled', '');
    })
}

$(function(){
    $('#register').attr('disabled', 'disabled');
    $('input').change(buttonState);
})

</script>

函数buttonState(){
$(“输入”)。每个(函数(){
$('#register').attr('disabled','disabled');
if($(this).val()==“”)返回false;
$('寄存器').attr('禁用','');
})
}
$(函数(){
$('#register').attr('disabled','disabled');
$('input')。更改(按钮状态);
})
$(“#寄存器”).prop(“禁用”,true);
$(“#跟踪输入”).keyup(函数(){
var valuee=$(“#跟踪输入”).val().trim();
如果(valuee==“”){
$(#register”).prop(“disabled”,true);
}否则{
$(“#寄存器”).prop(“禁用”,false);
}
})

请输入您的追踪号码


轨道
您可以使用
keyup
事件根据值检查按钮的
禁用属性

$(文档).ready(函数(){
$('#register').prop('disabled',true);
$(“#跟踪输入”).keyup(函数(){
$('#register').prop('disabled',this.value==”);
})
});

请输入您的追踪号码


轨道
也许这将有助于复制我在表单上使用的错误。这不起作用。$(document.ready(function(){$('button[type=“submit”]).attr('disabled','disabled');$('input[type=“text”]')。change(function(){if($(this.val!){$('button[type=“submit”])。removeAttr('disabled')); } }); });刚刚意识到代码只适用于网络版本,而不适用于手机