先看效果圖
1 //把首字母變大寫 2 function firstToUpperCase(id) { 3 var str=document.getElementById(id).value; 4 //通過“空格”符來分割成數組 5 var arr=str.toLowerCase().split(" ");// ["aq","","tn"] 6 let neweArr=[]; 7 for (var i=0; i<arr.length;i++) { 8 if (arr[i]!="") {// 不為空則把首字母大寫,后面的截取出來不變 9 //arr[i][0] 相當於二維數組了 ["aq"]=>["Aq"] 10 neweArr.push(arr[i][0].toUpperCase()+arr[i].substr(1)); 11 }else { 12 neweArr.push(arr[i]); 13 } 14 } 15 var showArr=neweArr.join(" "); 16 document.getElementById(id).value=showArr; 17 }
<input onkeyup="firstToUpperCase(this.id)" type="text" class="form-control" id="userNameEn" name="userNameEn" placeholder="如:Linda Wang" value="${model.userNameEn}">