1.6/5 Görüntülenme: 7127

Javascript Büyük Harf Çevirme | jQuery Tamamı büyük yazı engelleme

jQuery ile tamamı büyük yazılan bir input girişinde, kullanıcıları uyarmak için Baş harfi büyük devamı küçük olacak şekilde uyarı verdirebiliriz.

Giriş1 :

Giriş2 :

Giriş3 :

input'da Tamamı büyük girince uyarı vermesini sağlamak için kodumuz;

<div class="OtherForm">
    <h1 id="Error" style="color:#F00;"></h1>
    <div>Giriş1 :<input type="text" name="x1" value="" /></div>
    <div>Giriş2 :<input type="text" name="x2" value="" /></div>
    <div>Giriş3 :<textarea rows="4" name="x3"></textarea></div>
</div>
<script type="text/javascript" src="http://www.limitsizbilgi.com/js/jquery.min.1.7.1.js"></script>
<script type="text/javascript" >
$('.OtherForm input, .OtherForm textarea').change(function (){ucheck($(this).val())});
$('.OtherForm input, .OtherForm textarea').keyup(function (){ucheck($(this).val())});
function ucheck(a) {
    if(a.match(/[A-ZĞÜŞİÖÇ]{4}/)){
        $('.OtherForm #Error').html('TAMAMI BÜYÜK YAZMAYIN !!! Baş harfi büyük devamı küçük yazınız.');}
    else{$('.OtherForm #Error').html('');}
}
</script>

JavaScript ile yazının tamamını büyütmek için;

.toUpperCase()

Kullanıyoruz.

Css Baş harfi büyük gerisi küçük yapmak

Kelime Girin: < Önizleme

Kelime Girin: <input type="text" name="giris"  style="text-transform:capitalize;">

Css ile Yazının Tamamını Büyük yapmak

style="text-transform:uppercase;"

Yazıyı küçük harfe çevirmek için kod ;

style="text-transform:lowercase;"

Konu (135) ile ilgili admin @ limitsizbilgi.com adresine E-mail gönderebilirsiniz. İsa Şahintürk