Question

当城市有一个词时，我的JS很好：

cHIcaGO ==＆gt;芝加哥

但是当它是

san diego ==＆gt;圣地亚哥

如何让它成为圣地亚哥？

function convert_case() {
    document.profile_form.city.value =
        document.profile_form.city.value.substr(0,1).toUpperCase() + 
        document.profile_form.city.value.substr(1).toLowerCase();
}

Answer 1

有一个很好的答案here：

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

或在ES6中：

var text = "foo bar loo zoo moo";
text = text.toLowerCase()
    .split(' ')
    .map((s) => s.charAt(0).toUpperCase() + s.substring(1))
    .join(' ');

Answer 2

您可以使用CSS：

p.capitalize {text-transform:capitalize;}

Answer 3

function convertCase(str) {
  var lower = String(str).toLowerCase();
  return lower.replace(/(^| )(\w)/g, function(x) {
    return x.toUpperCase();
  });
}

Answer 4

JavaScript函数：

String.prototype.capitalize = function(){
       return this.replace( /(^|\s)([a-z])/g , function(m,p1,p2){ return p1+p2.toUpperCase(); } );
      };

使用此功能：

capitalizedString = someString.toLowerCase().capitalize();

此外，这将适用于多个单词字符串。

要确保将转换后的城市名称注入数据库，小写和首字母大写，那么在将其发送到服务器端之前，您需要使用JavaScript。 CSS只是样式，但实际数据仍然是预先设置的样式。请查看此jsfiddle示例，并将警报消息与样式化输出进行比较。

如何将每个单词的首字母大写，如双字城市？

4 个答案: