jQuery keyup函数不起作用

Question

In the $(':text').keyup(function() { I tried changing the :text into :number doesn't work only works if I remove the && $('#number').val() != ""

<script>
$(document).ready(function(event) {  
$(':text').keyup(function() {
    if($('#input').val() != "" && $('#number').val() != "" 

    ){
       $('#submit').removeAttr('disabled');
    } else {
       $('#submit').attr('disabled', true);   
    }
});});
</script>

HTML

<form><input type=text id='input'>
<input type=number id='number'><br>
<input type=button id='submit' value='submit'>
    </form>

jsfiddle: http://jsfiddle.net/LaLL0v6a/

Answer 1

变化 $(':text') 到 $('input[type="text"]')

Answer 2

Use

$('#input').keyup(function() {

or

$('input[type="text"]').keyup(function() {

instead of

$(':text').keyup(function() {

Answer 3

There are 2 problems.

1. You are registering the keyup handler to only the first input element, not the second one because its type is number
2. Use .prop() to set the disabled state
3. If you enter a non numerical value in number field then it will remain disabled because .val() will return an empty string

so

 $(document).ready(function (event) { $('#input, #number').keyup(function () { $('#submit').prop('disabled', $('#input').val() == '' || $('#number').val() == ""); }); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script> <input type=text id='input' /> <input type=number id='number' /> <input type=button id='submit' value='submit' disabled />