這個Jquery表單驗證有什么問題

Question

我正在嘗試使用Jquery驗證具有3個條件的表單元素。

這是我的代碼-

var valid = true,
errorMessage = "";

if ($('#name').val()) {
    if ($('#name').val().length > 60 || $('#name').val().length < 3)  { 
        errorMessage  = "Length of Your Name must be between 3 and 60.\n";
        valid = false;
    } else {
        var rege = /^[a-z]([a-z_])+$/i;
        if(!rege.test(!$('#name').val())){ 
               errorMessage  += "Please enter Valid name.\n";
               valid = false;
        }
    }
} else {
    errorMessage  += "please enter your name \n";
    valid = false;   
}

如果名稱字段為空，則應顯示“請輸入您的姓名”。

如果該字段不為空，並且長度小於3或大於60，則應顯示“您的姓名長度必須介於3到60之間”。

最后應該檢查用戶名是否有效。 如果無效，則應顯示“請輸入有效名稱”。

我的問題是，當我輸入有效的用戶名時，它總是顯示以下消息-“請輸入有效的名稱”。

誰能說出我哪里錯了？

注意：我的名字只能有大寫字母和小寫字母。

小提琴

任何想法都將不勝感激。 謝謝。

Answer 1

對我來說看起來很好，一個不需要的異常! 在

        var rege = /^[a-z]([a-z\s])+$/i;
        if(!rege.test($('#name').val())){ // ! before $('#name').val() not required
            errorMessage  += "Please enter Valid name.\n";
            valid = false;
        }

Answer 2

將您的正則表達式更改為：

var rege = /^[a-zA-Z]([a-zA-Z])+$/i;