驗證姓名字段與聯繫表7

Question

我正在尋找一些幫助驗證與聯繫表格7名稱字段。我已經收到了大量的垃圾郵件，名稱字段包含數字'59ab ...'。尋找一種方法來驗證除數字以外的任何其他內容。我嘗試過使用jQuery，但沒有成功。

嘗試此更早但不成功。

$(".your-name input").change(function() { 
var num = $(this).text(); 
if ($.isNumeric(num)) { 
    $(this).attr('class', 'numb'); 
} else { 
    $(this).attr('class', 'noNumb'); 
} 

}）;

Answer 1

只需將$(this).text()更改爲$(this).val()即可解決您的問題。檢查下面的代碼片段以供參考。

$(".myinput").change(function() { 
 
    var num = $(this).val(); 
 
    if ($.isNumeric(num)) { 
 
    $(this).attr('class', 'numb'); 
 
    } else { 
 
    $(this).attr('class', 'noNumb'); 
 
    } 
 
});

.numb { 
 
    border-color: green; 
 
} 
 

 
.noNumb { 
 
    border-color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="myinput">

更新：檢查下面的代碼片段。這裏我使用了正則表達式來檢測輸入中是否有數字。

$(".myinput").change(function() { 
 
    var num = $(this).val().replace(/[^0-9]/gi, ''); 
 
    if ($.isNumeric(num)) { 
 
    $(this).attr('class', 'numb'); 
 
    } else { 
 
    $(this).attr('class', 'noNumb'); 
 
    } 
 
});

.numb { 
 
    border-color: green; 
 
} 
 

 
.noNumb { 
 
    border-color: red; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" class="myinput">