Javascript将表单中的名字大写

Javascript将表单中的名字大写,javascript,Javascript,当用户离开first name字段时,我正在尝试执行以下操作onChange。我看不出我做错了什么 function changeCase() //Change first letter to uppercase and the rest to lowercase { var fName = document.getElementById('firstName'); var properCaseString = fName.substring(0,1).toUpperCase() +

当用户离开first name字段时,我正在尝试执行以下操作
onChange
。我看不出我做错了什么

function changeCase()  //Change first letter to uppercase and the rest to lowercase
{
  var fName = document.getElementById('firstName');
  var properCaseString = fName.substring(0,1).toUpperCase() + fName.substring(1,fName.length);
  document.getElementById('firstName').value = properCaseString;
}

fName是一个元素,而不是字符串:

var fName = document.getElementById('firstName').value;

可能是您真正想要的。fName是一个元素,而不是字符串:

var fName = document.getElementById('firstName').value;

可能是您真正想要的。fName是一个元素,而不是字符串:

var fName = document.getElementById('firstName').value;

可能是您真正想要的。fName是一个元素,而不是字符串:

var fName = document.getElementById('firstName').value;
这可能是您实际想要得到的。

您可以(某种程度上)使用CSS来实现这一点

//won't change a name that is all caps
<style>
#firstName{
  text-transform:capitalize;
}
</style>
你可以(某种程度上)用CSS来实现这一点

//won't change a name that is all caps
<style>
#firstName{
  text-transform:capitalize;
}
</style>
你可以(某种程度上)用CSS来实现这一点

//won't change a name that is all caps
<style>
#firstName{
  text-transform:capitalize;
}
</style>
你可以(某种程度上)用CSS来实现这一点

//won't change a name that is all caps
<style>
#firstName{
  text-transform:capitalize;
}
</style>

你会犯什么错误?我们还需要查看您的HTML。您会遇到什么错误?我们还需要查看您的HTML。您会遇到什么错误?我们还需要查看您的HTML。您会遇到什么错误?我们还需要查看您的HTML。