jQuery Input Capitalize

jQuery code to capitalize form inputs

by Christo Gaybba

HTML

Name:
<input type='text' name='name' class='name' placeholder='Enter your name here' />

CSS

* {
  font-family: sans-serif;
  font-size: 14px;
}

input {
  height: 35px;
  padding: 0 10px;
  font-size: 14px;
}

JavaScript

jQuery.noConflict();
jQuery(document).ready(function($) {
  $('.name').keyup(function(event) {
    var textBox = event.target;
    var start = textBox.selectionStart;
    var end = textBox.selectionEnd;
    textBox.value = textBox.value.charAt(0).toUpperCase() + textBox.value.slice(1).toLowerCase();
    textBox.setSelectionRange(start, end);
  });
});