Ultimate Programming Tutorials

Convert Strings to Upper Case in JavaScript

This will teach you the way to convert strings to upper case in javascript. we will use these if we've a text field needs to capitalized all inputted text or simply the 1st letter of the word.

Source :

<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
 function changeEach(el){
  var text = document.getElementById(el).value; 
  var capital = text.toUpperCase();
  
  document.getElementById(el).value = capital;
 }
 function capitalize(e) {
  var t = '"@.,â€/!?%^&*=+<>|`~-_(){}[]#;:â€œ0123456789';
  var n = "";
  var r = 0;
  e: for (var i = 0; i < e.length; i++) {
   for (var s = 0; s < t.length; s++) {
    var o = e.charCodeAt(i);
    if (o >= 65 && o <= 90 || o >= 97 && o <= 122) {
     r = i;
     break e;
    }
   }
  }
  if (r == 0) {
   n = e.charAt(0).toUpperCase() + e.substring(1, e.length);
  } else {
   n = e.substring(0, r) + e.charAt(r).toUpperCase() + e.substring(r + 1, e.length - r + 1);
  }
  return n;
 }
 function firstLetter(id) {
  var e = document.getElementById(id).value;
  var t = "";
  var n = "";
  for (var r = 0; r < e.length; r++) {
  var i = e.charCodeAt(r);
   if (i == 32 || i == 10) {
    if (n != "") {
     t += capitalize(n) + (i == 10 ? "<br/><br/>" : " ");
     n = "";
     continue;
    }
   n = "";
   } else {
    if (n == "") {
     n += e.charAt(r).toUpperCase();
    } else {
    n += e.charAt(r).toLowerCase();
    }
   }
  }
  t += capitalize(n) + " ";
  document.getElementById(id).value = t;
  }

</script>
<title>Automatically Change Text to Upper Case</title>
</head>
<body>
 <div id="container">
     <table>
            <form name="change_text" method="post" action="#">
<tr>
             <td colspan="3" align="center"><h1>
Change Each Letter to Upper Case</h1>
</td>
            </tr>
<tr>
             <td><input id="efname" type="text" name="efname" onChange="changeEach(this.id);" placeholder="First Name..."></td>
                <td><input id="elname" type="text" name="elname" onChange="changeEach(this.id);" placeholder="Last Name..."></td>
                <td><input id="emname" type="text" name="emname" onChange="changeEach(this.id);" placeholder="Middle Name..."></td>
            </tr>
<tr>
             <td colspan="3" align="center"><h1>
Change First Letter of Each Word to Upper Case</h1>
</td>
            </tr>
<tr>
             <td><input id="ffname" type="text" name="ffname" onChange="firstLetter(this.id);" placeholder="First Name..."></td>
                <td><input id="flname" type="text" name="flname" onChange="firstLetter(this.id);" placeholder="Last Name..."></td>
                <td><input id="fmname" type="text" name="fmname" onChange="firstLetter(this.id);" placeholder="Middle Name..."></td>
            </tr>
</form>
</table>
</div>
</body>
</html>

Hope you learn from this

Ultimate Programming Tutorials

Convert Strings to Upper Case in JavaScript

Popular Posts

Archive

Facebook