Javascript ile input validasyonu / How to prevent numeric/alphabetic character in Javascript

Merhaba arkadaşlar,

Bu yazımda Javascript te input validasyonu ile ilgili küçük bir kod parçası paylaşacağım sizlerle.

Küçük bir kod parçası evet ama çok sık ihtiyaç duyduğumuz kod parçalarından bence. Çünkü ben genelde kullandığım teknolojiler itibariyle Javascript'e bir çok noktada ihtiyaç duyorum.

Yine bir zaman ihtiyaç duyduğum bu input validayon örneğini paylaşmak istedim.Bu örneğimizde daha önceki Spring MVC kategorisinde paylaştığım bir örnek üzerinden ilerleyeceğim.Javascript örneği olacağı için kullanım şekli önemli olacaktır, örnek çok önemli olmadığı için örneğin kodlarını paylaşmayacağım.

Evet arkadaşlar, şimdi iki farklı validayon yöntemi göstereceğim.

1. Formunuzda bulunan input'a yalnızca alfabetik karakterlerin girilmesini isteyebilirsiniz. Bu durumda her karakter girilmesinde input değeri kontrol edilerek numerik karakterler yerine '' karakterini basabilirsiniz.

    function onlyAlphabet(ths) {
        ths.value = ths.value.replace(/[0-9\.]/g, '');
    }

2. Formunuzda bulunan input alanına yalnızca numerik karakterler girilsin isteyebilirsiniz. Bu durumda input alanına girilen non-numerik karakterleri engelleyebilirsiniz.

    function onlyNumeric(e) {
        var keyCode = (e.keyCode ? e.keyCode : e.which);
        if (!(keyCode > 47 && keyCode < 58)) {
            e.preventDefault();
        }
    }  

Örnek temsili olduğu için istediğiniz ve ihtiyaç duyduğunuz durumlara göre düzenleyebilirsiniz fonksiyonlarınızı.

Kolay gelsin.