Formlarda Yasak Karakterlerin Kullanımını Engelleyin

by teknoblogo

HTML

<form>
    <input class="a" type="text">
</form>
<center><a href="http://www.teknoblogo.com/formlarda-yasak-karakterlerin-kullanimini-engelleyin/" class="large blue awesome">Tutorial'i oku &raquo;</a></center>

CSS

.awesome{
background: #222 url(http://www.teknoblogo.com/dosyalar/hava-durumuna-gore-arkaplan/alert-overlay.png) repeat-x;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px #999;
-webkit-box-shadow: 0 1px 3px #999;
text-shadow: 0 -1px 1px #222;
border-bottom: 1px solid #222;
position: relative;
cursor: pointer;
    
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
}
.blue.awesome {
background-color: #2daebf;
}
.large.awesome {
font-size: 14px;
padding: 8px 14px 9px;
}

JavaScript

$('input.a').keydown(function(e) {
 
      if (e.keyCode == 32) { // BOŞLUK
        return false;
    } 
    if (e.keyCode == 46) { // DELETE
        return false;
    } 
    
    
});