在键盘按下输入中大写字符串的第一个字母

Question

我想在文本框上书写时将第一个字母更改为大写。

我写了下面的代码，但是它改变了css样式的字母，当我以形式发送它时，它首先用小字发送。 如何在jquery中转换为大写？

这是我的代码：

 $('.capital').css('textTransform', 'capitalize'); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <input type="text" value="" class="capital"/> 

Answer 1

使用toUpperCase和substr获得第一个字母并将其变为大写。

 $(".capital").focusout(function() { var yourtext = $(this).val(); alert(yourtext.substr(0, 1).toUpperCase() + yourtext.substr(1)); }); 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <input type="text" value="" class="capital"/> 

Answer 2

此代码始终将第一个字母更改为大写。 我认为这样做是不好的设计。

 var firstCapitalAlways= function (event) { var val = $(event.target).val(); var firstLetterUpper = val[0] ? val[0].toUpperCase() : ""; $(event.target).val(firstLetterUpper + val.substr(1, val.length)); } var firstCapitalOnBlur = function(event) { var val = $(event.target).val(); if(val){ $(event.target).val(val[0].toUpperCase() + val.substr(0, val.length)) } } 

 <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <label>Always</label> <input type="text" value="" onkeyup="firstCapitalAlways(event);" class="capital"/> <label>Onblur</label> <input type="text" value="" onblur="firstCapitalOnBlur(event);" class="capital"/>