$(function () {
$("#txtUpper").Setcase({
caseValue: 'upper',
changeonFocusout: true
});
$("#txtLower").Setcase({
caseValue: 'lower'
});
$("#txtTitle").Setcase({
caseValue: 'title'
});
$("#txtPascal").Setcase({
caseValue: 'pascal',
changeonFocusout: true
});
});
<br/>Upper Case:
<input type="text" id="txtUpper" /> (changes on focus out)
<br/>
<br/>Lower Case:
<input type="text" id="txtLower" /> (changes as you type)
<br/>
<br/>Title Case:
<input type="text" id="txtTitle" /> (changes as you type)
<br/>
<br/>Pascal Case:
<input type="text" id="txtPascal" /> (changes on focus out)
<br/>
body {
font-family:Tahoma;
font-size : 8pt;
padding:10px;
}
input {
font-family:Tahoma;
font-size : 8pt;
width:200px;
}
External resources loaded into this fiddle: