驗證字母的Javascript

Question

我似乎無法弄清楚如何獲取此腳本以驗證僅輸入字母。 因此，如果輸入數字，則應該返回錯誤。

的HTML

<form name="myForm" action="demo_form.asp"
onsubmit="return validateForm()" method="post">
First name: <input type="text" name="fname">

Javascipt

<script>
function validateForm() {
    var x = document.forms["myForm"]["fname"].value;
    if (x == null || x == "") {
        alert("First name must be filled out");
        return false;
    }
}
</script>

Answer 1

最好使用HTML5的新pattern屬性來完成此操作。 但是，它在Safari或Internet Explorer 9-中不起作用。

來自Mozilla開發人員網絡

檢查控件值的正則表達式。 模式必須與整個值匹配，而不僅僅是某些子集。 使用title屬性描述模式以幫助用戶。 當type屬性的值為text，search，tel，url，email或password時，此屬性適用。 否則將被忽略。 正則表達式語言與JavaScript相同。 圖案不被正斜杠包圍。

 <form action="demo_form.asp"> Username: <input type="text" name="username" pattern="[A-Za-z]+" title="Your username"> <input type="submit"> </form> 

對於石器時代的瀏覽器，只需使用正則表達式即可。

if (!/^[a-z]+$/i).test(exp)) {
    return false;
}

說明

^和$字符表示字符串應以字母開頭和結尾

+修飾符表示我們正在搜索一個或多個這樣的字母。

最后，不區分大小寫的標志i升高以指示它可以是大寫或小寫。