如何使用 jquery 连续检查输入值？

Question

I have an input that is empty after page load, and if a user suddenly fill a value on it the value of the two inputs on the if condition should change to.

My problem is when I fill an input, the if condition result doesn't changed in real time.

script:

$(document).ready(function(){
    var countTimerEmailName = setInterval(
            function ()
            {
            emailName();    
            }, 500);        
    function emailName(){

            if($('#emailCodeResult').val() != '' || $('#email').val() == ''){
                clearInterval(countTimerEmailName);
            }

            $.ajax({
            url:"view.php",
            type:"GET",
            data: { term : $('#email').val() },
            dataType:"JSON",
            success: function(result) {


            }

        });

    };
    });

Answer 1

Fire your function on change

$('#inputA, #inputB').change(function(){
  if($('#inputA').val() != '' || $('#inputB').val() == '') {
   alert("True");
  }else{
    alert("False");
  }
})

Answer 2

You can use keyup like this:

$('#textboxID').on( 'keyup', function () {

//write your code here

});

For touch devices as rzr siad keyup won't occur. You can write a function that is called every, say 1 sec or whatever, like this:

    t1=window.setInterval(function(){foo()},1000);
function foo()
{
// write function definition here
}

or use blur as others suggested, if the you want to check value only after the user is done with that textbox and moves to next field.

Answer 3

var fieldcheck;

$(function(){

    $("#input").focus(function(){

        fieldcheck = setInterval(function(){
    
                var innerValue = $("#input").val();
    
                if(innerValue == ""){
    
                    //your code
                    
                } else {
    
                    //your code
                
                }

        }, 100);
    });

     $("#input").blur(function(){
                clearInterval(fieldcheck);        
            });
});