JQuery on keypress

Question

Я ищу функцию, которая выдает предупреждение, когда в первой позиции почтового кода нажата определенная символьная клавиша (g), а затем отключает кнопку отправки, если почтовый код имеет букву G в начале. Возможно ли это?

Мой текущий код для обнаружения ключа на почтовом поле кода в данный момент заключается в следующем:

$(document).ready(function() { 
 
    var someTextInputField = "#postal-code"; 
 
    
 
    $(someTextInputField).on("keyup", function() { 
 
    alert('not a valid postal code'); 
 
    }); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input id="postal-code" />

Answer 1

Javascript без дополнительных библиотек

document.addEventListener("input", function(e) { 
 
    if (e.target.id === "postal-code") { 
 
    var disable = /^g/i.test(e.target.value), 
 
     submit = document.getElementById("submit"); 
 
    
 
    if (disable && !submit.disabled) { 
 
     alert("You cannot start a postal code with a G"); 
 
    } 
 
    
 
    submit.disabled = disable; 
 
    } 
 
});

<input placeholder="Address" /> 
 
<input id="postal-code" placeholder="Postal Code" /> 
 
<button id="submit">Submit</button>

JQuery

$(document).on("input", "#postal-code", function (e) { 
 
    var disable = /^g/i.test(this.value), 
 
     $submit = $("#submit"); 
 
    
 
    if (disable && !$submit.prop("disabled")) { 
 
     alert("You cannot start a postal code with a G"); 
 
    } 
 
    
 
    $submit.prop("disabled", disable); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 

 
<input placeholder="Address" /> 
 
<input id="postal-code" placeholder="Postal Code" /> 
 
<button id="submit">Submit</button>

Answer 2

Вы можете использовать this.value[0], чтобы получить первый символ ввода. Затем проверьте, является ли это одним из допустимых символов.

$("#input").on("keyup", function() { 
 
    if (this.value != '') { 
 
    var firstchar = this.value[0].toUpperCase(); 
 
    if (firstchar != 'A' && firstchar != 'G') { 
 
     alert('not a valid postal code'); 
 
     $("#submitID").prop("disabled", true); 
 
    } else { 
 
     $("#submitID").prop("disabled", false); 
 
    } 
 
    } 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input id="input"/>

Answer 3

Проверить эту скрипку http://jsfiddle.net/oyc2L9sy/12/

HTML:

<input id="test" type="text" /> 

JavaScript:

$(document).ready(function() { 
    $("#test").on("keypress", function(e) { 
     if ((e.keyCode == '65') || 
      (e.keyCode == '71')) { 
      alert('not a valid postal code'); 
      return false; 
     } 
    }); 
});