的JavaScript如果輸入有「X」

Question

我建有一個輸入字段一個JavaScript應用程序啓動，我要檢查，如果輸入的是X寫Y，但它不工作：

<input type="text" id="inputField" style="color:#cccccc;background-color:#000000" name="inputFeld" size="90" onchange="input()" autofocus> 

這是HTMl an JavaScript：

function input() { 
    var inp = document.getElementById("inputField"); 
    var out = document.getElementById("output"); 
    if (inp.substring(1) == "x") { 
     out.innerHTML = "....."; 
    } 
} 

Answer 1

您可以使用string[n]在第n個位置（從零開始），以獲得字符。 另外，onchange僅在您突出輸入時觸發，您可能需要使用oninput，而不是每次輸入元素都有輸入時觸發。

<input type="text" id="inputField" style="color:#cccccc;background-color:#000000" name="inputFeld" size="90" onchange="input()" autofocus> 
<p id="output"></p> 

function input() { 
    var input = document.getElementById("inputField").value; 
    var output = document.getElementById("output"); 
    if (input[0] == "x") { 
     output.innerText = "the input starts with x"; 
    } 

} 

Answer 2

substring(1)它刪除第一個值。所以請嘗試substring(0,1)並在輸入元素字段中應用value。沒有value沒有gettiing輸入字符串。

function input() { 
 
    var inp = document.getElementById("inputField").value;//value is important 
 
    var out = document.getElementById("output"); 
 
    if (inp.substring(0,1) == "x") { 
 
     console.log('strat with x') 
 
    } 
 
    
 
}

<input type="text" id="inputField" style="color:#cccccc;background-color:#000000" name="inputFeld" size="90" onchange="input()" autofocus>