How to capitalize first letter of EACH WORD, in input type text

Question

$(document).ready(function () {
    $(document).on('keydown', '.FIRSTNAME',
        function (event) {
            if (this.selectionStart == 0 && event.keyCode >= 65 && event.keyCode <= 90 && !(event.shiftKey) && !(event.ctrlKey) && !(event.metaKey) && !(event.altKey)) {
                var $t = $(this);
                event.preventDefault();
                var char = String.fromCharCode(event.keyCode);
                $t.val(char + $t.val().slice(this.selectionEnd));
                this.setSelectionRange(start, end);
            }
        });
});

can you use my code and edit it?

the difference is the first letter in every word...

I just want to capitalize the first letter in every word

someone help me... tnx in advance

Use style="text-transform: capitalize;" – manikant gautam Nov 21 '17 at 05:44 — manikant gautam, Nov 21 '17 at 05:44

Sanchit Patiyal · Answer 1 · 2017-11-21T05:48:48.937

4

No need of using the javascript. You can simply do it in CSS using text-transform: capitalize; like this

<input type='text' name='name' class='name' style="text-transform: capitalize;" placeholder='Enter your name here'/>

edited Nov 21 '17 at 05:48

answered Nov 21 '17 at 05:44

Sanchit Patiyal

4,910
1
14
31

OP is looking for Title case and not Capitalize – Rajesh Nov 21 '17 at 05:48

score 2 · Accepted Answer · answered Nov 21 '17 at 06:00

jquery this way easy capitalize first letter of EACH WORD, in input type text

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>


<div><label>Capitalize the first letter of all words in a string: </label><input type="text" id="txt_firstCapital" name="txt_firstCapital" /></div>

<script>

jQuery(document).ready(function() {
 
 jQuery('#txt_firstCapital').keyup(function() 
 {
  var str = jQuery('#txt_firstCapital').val();
       
  
  var spart = str.split(" ");
  for ( var i = 0; i < spart.length; i++ )
  {
   var j = spart[i].charAt(0).toUpperCase();
   spart[i] = j + spart[i].substr(1);
  }
      jQuery('#txt_firstCapital').val(spart.join(" "));
 
 });
});
</script>

score 1 · Answer 3 · answered Nov 21 '17 at 05:46

1

function capitalize(obj)
{
    obj.value = obj.value.split(' ').map(eachWord=>
      eachWord.charAt(0).toUpperCase() + eachWord.slice(1)
    ).join(' ');
}

<input type='text' id='textfield' onkeyup='capitalize(this)'>

answered Nov 21 '17 at 05:46

Dhana Sekar

631
1
4
13

score 1 · Answer 4 · answered Nov 21 '17 at 05:48

1

This can be done with this function in JS

function firstCap(str)
{
 return str.toString().replace(/\w\S*/g, function(txt){return txt.charAt(0).toUpperCase() + 
 txt.substr(1).toLowerCase();});
}

answered Nov 21 '17 at 05:48

indago

2,041
3
29
48

Veena K. Suresh · Answer 5 · 2017-11-21T05:48:30.663

-1

You only needed css to fix it. Add the below code in your css.

.FIRSTNAME{
  text-transform: capitalize;
}

OR try this

<input type="text" id="txtval" style="text-transform:capitalize" />

this works

NB: There is no need of jquery for this.

edited Nov 21 '17 at 05:48

answered Nov 21 '17 at 05:42

Veena K. Suresh

942
5
16

the result will not be in capitalize – J.A.Manato Nov 21 '17 at 05:46
http://jsfiddle.net/nikhilmangal/qm3do4uu/ – J.A.Manato Nov 21 '17 at 05:46
code edited pls check – Veena K. Suresh Nov 21 '17 at 05:48

How to capitalize first letter of EACH WORD, in input type text

5 Answers5