javascript autoclick с условием

Question

Я хочу сделать форму, где, если кто-то вводит слово ok в поле ввода, кнопка будет автоматически нажата. Как это может быть сделано?

<input type="text" id="text"><br><br> 

<a href="#" id="autoclick"> 
    <input type="button" value="type ok"> 
</a> 

Answer 1

Попробуйте это:

HTML:

<input type="text" id="text"><br><br> 
<input type="button" id="button" value="type ok"> 

JQuery:

$('#text').on('keyup', function(){ 
    if($(this).val() == 'ok'){ 
     $('#button').trigger('click'); 
    } 
}) 
// this block is for test 
$('#button').on('click', function() { 
    alert('clicked'); 
}); 

Рабочий пример: https://jsfiddle.net/fnoL4j7m/1

Answer 2

Попробуйте этот код:

<input type="text" id="text"><br><br> 

<a href="#" id="autoclick"> 
    <input type="button" id="button" value="type ok"> 
</a> 

Jquery:

$('#text').keyup(function(){ 
    if($(this).val()=='ok') 
    { 
    $('#button').trigger("click"); 
    } 
    }); 

Answer 3

Вы должны применить KeyUp события на поле ввода.

Каждый раз, когда что-то вводится, он проверяет, соответствует ли вход «нормально».

Если это так, то событие щелчка активировано на кнопке.

$("#text").on('keyup', function(){ 
    if ($(this).val() == 'ok') { 
    $('input[type="button"]').trigger('click'); 
    } 
}); 

Обратитесь к следующим образом: https://jsfiddle.net/dts2aa5o/10/

Answer 4

вы можете сделать что-то вроде этого:

$('#text').on('keyup', function(){ 
 
    if($(this).val() == 'ok'){ 
 
     $('#button').click() 
 
    } 
 
})