如果輸入包含字母之外的任何字母，則顯示div

Question

我有一個簡單的名/姓形式。提交時，我想檢查是否只有字母已被使用，如果沒有，則顯示錯誤div。

例如：

if ('#input-32') { 
    /* contains anything other than letters */ 
    $("#error").show(); 
} 

Answer 1

下應該顯示錯誤元素，如果輸入包含除信件以外的其他任何東西：

if ($('#input-32').val().match(/[^a-zA-Z]/g)) { 
    /* contains anything other than letters */ 
    $("#error").show(); 
} 

Answer 2

您可以使用正則表達式 - Read More

const input = document.querySelector('#firstname'); 
 

 
input.addEventListener('input', function(e) { 
 
\t const val = e.target.value; 
 
\t const isLetter = /^[a-zA-Z]+$/.test(val); 
 
\t console.log(isLetter); 
 
     // if(isLetter){ ... } 
 
})

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

Answer 3

$(document).ready(function(){ 
 
    $("#error").hide(); 
 
    $("#nameField").on("change", function(){ 
 
    var nameSub = $('#nameField').val(); 
 
    if(/^[a-zA-Z]+$/.test(nameSub)){ 
 
     $("#error").hide(); 
 
    } 
 
    else{ 
 
     $("#error").show(); 
 
    } 
 
    }); 
 
});

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

 
<input type="text" name="name" id="nameField"/> 
 
<div id="error">error</div>