当城市只有一个词时，我的 JS 工作得很好：
但是当它
我如何使它成为圣地亚哥？
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();
}
有一个很好的答案在这里：
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(' ');
您可以使用 CSS：
p.capitalize {text-transform:capitalize;}
基于 Kamal Reddy 的评论：
document.getElementById("myP").style.textTransform = "capitalize";
function convertCase(str) {
var lower = String(str).toLowerCase();
return lower.replace(/(^| )(\w)/g, function(x) {
return x.toUpperCase();
});
}
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示例并比较警报消息与样式输出。