帶條件的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() 
 
    } 
 
})