入力に文字以外の文字が含まれている場合、divを表示

Question

私は単純な名字フォームを持っています。送信されたときは、文字のみが使用されていることを確認し、そうでなければエラーdivを表示します。例えば

：

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

Answer 1

入力が文字以外が含まれている場合、次のエラー要素を表示する必要があります。

あなた自身を試してみました何

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>