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

Question

我创建了一个表格。在该表单中，有 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() 中调用了该函数。我该如何处理？

Answer 1

您可以在 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>

Answer 2

像这样做...

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);
} 

Answer 3

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

Answer 4

带有两行变量的非常简单的答案

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

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