如何在javascript中将字符串的第一个字母大写？答案

【问题标题】：How to capitalise first letter of string in javascript?如何在javascript中将字符串的第一个字母大写？
【发布时间】：2013-09-04 07:31:55
【问题描述】：

我创建了一个表单。在该表单中，有 10 个文本框和一个按钮。我希望当用户在文本框中输入文本并失去焦点时，字符串的第一个字母应该大写。所以我认为javascript是最好的选择。我必须调用它的所有 10 个文本框的 Onblur 事件。我不想称它为 onbuttonclick 事件。

// javascript函数

function capitaliseFirstLetter(string)
{
return string.charAt(0).toUpperCase() + string.slice(1);
}

//cs文件

page_load()
{
string s1 = TextBox1.Text.Trim();
TextBox1.Attributes.Add("Onblur",capitaliseFirstLetter('"+s1+"'))
}

但是 s1 总是空的，因为我在 pageload() 中调用了该函数。我该如何处理？

【问题讨论】：

这段代码 TextBox1.Attributes.Add("Onblur",capitaliseFirstLetter('"+s1+"')) 不会抛出异常？！
它不会抛出异常@user2675751。它一开始就不会编译。
您可以使用text-transform: capitalize; css 属性。如果你想..

标签： javascript asp.net

【解决方案1】：

这样做...

page_load()
{
    TextBox1.Attributes.Add("onblur", "capitaliseFirstLetter('" + TextBox1.ClientID + "')");
}

如下修改你的 JavaScript 函数...

function capitaliseFirstLetter(txtID) {
    var txtString = document.getElementById(txtID).value;
    document.getElementById(txtID).value = txtString.charAt(0).toUpperCase() + txtString.slice(1);
}

【讨论】：

感谢 Devraj 的帮助。它对我来说工作正常。只需几分钟的更改而不是 getElementByID，使用 getElementById。
遗憾的是，如果您的用户居住在土耳其，则会产生重大影响...在服务器 i -> I，在他的客户端计算机上 i -> İ（见点）。它被称为4 turkish i problem。

【解决方案2】：

您可以在 aspx 页面上声明此 onblur 事件，如下所示。

<asp:TextBox ID="TextBox1" runat="server" onblur="capitaliseFirstLetter(this)">
</asp:TextBox>

那么javaScript 将如下所示。

<script language="javascript">
     function capitaliseFirstLetter(textBox)
     {
         return textBox.value.charAt(0).toUpperCase() + string.slice(1);
     } 
</script>

【讨论】：

【解决方案3】：

console.log(str.charAt(0).toUpperCase() + str.slice(1));

【讨论】：

【解决方案4】：

非常简单的答案，两行变量

大写字符串仅用于第一个字母，其余将保持小写

var sentence = "string of worlds"
var capitizedString = (sentence.slice(0,1)).toUpperCase() + (sentence.slice(1)).toLowerCase();

【讨论】：