【问题标题】:Convert first letter of each word entered in a textbox to captial [duplicate]将文本框中输入的每个单词的首字母转换为大写[重复]
【发布时间】:2014-03-02 15:01:09
【问题描述】:

我已经制作了一个帐单表格,但是在将文本框中输入的第一个字母转换为大写字母时遇到了问题。我环顾四周,但找不到任何运气。

基本上我正在寻找的是,如果可能的话,第二个我在说名字文本框中输入一个字母,它会自动设置大写(如果用户忘记大写),然后其余部分为小写。

【问题讨论】:

  • 哪种语言哪种形式?
  • 我假设这里的语言是 javascript,而不是 java,并且已经对反映这一点的标签进行了编辑。如果我弄错了,请告诉我。
  • 在这里发布代码...
  • 这是 javascript 对不起,感谢您的编辑。 adeneo 和 dprogramz 我看到了,但不是我想要的。

标签: javascript textfield capitalize


【解决方案1】:

如果这只是视觉上的需要,可以用 css 来完成:

input {
   text-transform:capitalize;
}

【讨论】:

  • 因为他需要它在文本框中,我相信他会将这些保存在数据库中。所以视觉是不够的。
  • 这是迄今为止唯一一个“将文本框中输入的每个单词的第一个字母转换为大写字母”的方法,即使对于 OP 的情况没有用处。
【解决方案2】:

检查这个 jsfiddle:http://jsfiddle.net/7zp6k/

这个函数应该可以做到:

function capitalize(obj)
{
    obj.value = obj.value.charAt(0).toUpperCase() + obj.value.slice(1);
}

html:

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

【讨论】:

  • 是的 - 看到你的编辑,尝试了你的 jsfiddle,当我看到它有效时投了赞成票。然后我删除了我的评论,说你没有链接到正确的东西。
  • 我正在 jsfiddle 中尝试这个,但是当我输入 john 时,它不会转换第一个字母(在本例中为 J),如果可能的话,这就是我正在寻找的。除非我在错误的部分这样做。
  • 它工作正常。您将在右下角的 texfield 中输入它。或者更好的是,在您自己的代码上尝试一下。
  • 它确实有效。我没有登录感谢一堆非常有用的代码
  • 接受我的回答也会对其他人有所帮助;)
【解决方案3】:

这是另一种方式。

只需使用 jQuery 和一个大写函数。

这是working example。

$("#firstName").keyup(function(event) {
  var tempVal = $("#firstName").val();
  $("#firstName").val(capitaliseFirstLetter(tempVal));
});

【讨论】:

  • 你能向我解释一下为什么这被降级了吗?它完全按照要求...
  • 可能是因为您使用了未指定甚至未提及的 jQuery,而没有演示 Javascript 等效项。您也没有显示对问题至关重要的 capitalizeFirstLetter 函数,jQuery 不是。最后它不会“将文本框中输入的每个单词的首字母转换为大写”
  • 这很有趣。最初的问题并没有仅指定javascript。 captializeFirstLetter 函数在工作示例 jfiddle 中。你让我上了最后一个! =) 但是,值得我称赞的是,他们正在寻找“在文本框中输入的第一个字母大写”。
  • "JavaScript 是一种动态类型的语言,通常用于客户端脚本。使用此标签解决有关 ECMAScript 及其方言/实现(不包括 ActionScript)的问题。除非框架/库的标签是也包括在内,需要一个纯 JavaScript 的答案。”
  • 如果 jsFiddle 宕机了,或者示例被删除了怎么办?然后它不再可用。标题“将文本框中输入的每个单词的第一个字母转换为大写字母”对我来说似乎很清楚,在瑞典语中,名字可以是多个,所以“Sven Göran”,你为什么要它是“Sven göran” ?.
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2015-11-10
  • 2020-02-22
  • 1970-01-01
  • 2020-08-30
  • 2015-11-04
相关资源
最近更新 更多