javascript - JavaScript 中首字母大写

Question

我这里有个问题。我刚刚开始学习 Yii2，我需要将报名表的首字母 大写(名字和姓氏)。我正在使用 JS 执行此操作，但不知何故我的代码不起作用并且没有打印任何结果。有人可以帮助我解决这个问题并告诉我我做错了什么吗？

这是我的代码:

function entryForm(name, surname) {
this.name = $(name);
this.surname = $(surname);
var self = this;

/*
* Capitalizes first letter of users entered name and surname
*
* @param string input
*/
this.capitalizeName = function(input) {
var name = input.val();
name = name.toLowerCase().replace(/(^|\s)[a-z]/g, function(letter) {
    return letter.toUpperCase();
})
input.val(name);
}
var entryForm = new entryForm('#employee-name', '#employee-surname');

$(document).ready(function() {
/*
* Executes named function
*/
    $('#employee-name, #employee-surname').change(function() {
        entryForm.capitalizeName($(this));
     })
 })
}

Answer 1

我做了一些调整，我认为我可以让它发挥作用:

首先，以大写字母开头命名您的 js“类”。此变量声明 var entryForm = new entryForm( 隐藏了具有相同名称的“类”的先前声明。

其次，我将 $(document).ready 函数放在类之外。

function EntryForm(name, surname) {
    this.name = $(name);
    this.surname = $(surname);
    var self = this;

    /*
    * Capitalizes first letter of users entered name and surname
    *
    * @param string input
    */
    this.capitalizeName = function(input) {
        var name = input.val();
        name = name.toLowerCase().replace(/(^|\s)[a-z]/g, function(letter) {
            return letter.toUpperCase();
        })
        input.val(name);
    }   
}

$(document).ready(function() {
/*
* Executes named function
*/
    $('#employee-name, #employee-surname').change(function() {
        var entryForm = new EntryForm('#employee-name', '#employee-surname');
        entryForm.capitalizeName($(this));
     })

 })