如何在 Html.TextboxFor 上强制大写

Question

在我看来，我想在文本框上强制大写。因此，当用户在文本框中键入内容时，文本会立即转换为大写，或者（另一种方法）在提交表单并且模型填充数据（在动作控制器中）时将文本转换为大写。也许有一些 CSS 或 jquery 解决方案，但我更喜欢一些 MVC 解决方案（如果可能的话）。

这是我的看法：

@model Domain.Entities.ProjectTechnology

<script src="../../Scripts/Admin/_AddProjectTechnology.js" type="text/javascript"></script>

<div class="editor-label">Technologies</div>    

<div class="editor-field">

    @using (Ajax.BeginForm("_AddProjectTechnology", new AjaxOptions { HttpMethod = "POST",
                                                                  UpdateTargetId = "RemoveProjectTechnology",
                                                                  InsertionMode = InsertionMode.Replace,
                                                                  OnComplete = "AddProjectTechnologyCompleted" })) {    
        @Html.ValidationSummary(true)
        @Html.HiddenFor(m => m.ProjectID)
        @Html.EditorFor(m => m.TechnologyID)
        @Html.ValidationMessageFor(m => m.TechnologyID)          
    }
</div>

这是我的模型：

public class ProjectTechnology
{
    public int     ProjectID   { get; set; }
    public string  TechnologyID    { get; set; }
}

有问题的文本框是这一行：@Html.EditorFor(m => m.TechnologyID)

我该如何继续？

谢谢。

Answer 1

另见：

@Html.EditorFor(m => m.TechnologyID, 
      new { @class = "whatever-class",  
      @style = "text-transform:uppercase"})

Answer 2

最简单的方法是 IMO：

@Html.EditorFor(m => m.TechnologyID, new { htmlAttributes = new { @style = "text-transform:uppercase" } })

Answer 3

我查看了在我的模型中更改我的 getter 和 setter，但在我的情况下，我首先使用 DB，所以如果我对我的 db 结构进行更改，我每次都必须放回 getter 和 setter 代码。这对我们来说将来很难管理。

我试过了；

@Html.EditorFor(m => m.Lname, 
  new { @class = "whatever-class",  
  @style = "text-transform:uppercase"})

但如上所述，这只会使它成为视图的资本。当您将其保存到数据库时，数据会以用户输入的方式显示。（GIGO）对于我们的网站，我也需要它在数据库中为大写。所以我为解决这个问题所做的就是将我的对象的属性与 .upper() 一起设置为它自己，在 post action 方法 Ex:

[HttpPost]
[ValidateAntiForgeryToken]
public ActionResult Edit([Bind(Include = "Recid,FName,LName")] UserModel change)
    {
        change.LName = change.LName.ToUpper();
        change.FName = change.FName.ToUpper();
        .... //code to update table
    }

所以结合前端的 CSS 样式并在帖子中设置属性我在前端和后端都有大写。

Answer 4

我在视图中的代码行是：

@Html.TextBoxFor(model => model.BldgNameAbbv, new {onkeyup="InputToUpper(this);"})

相关的脚本是：

<script>
function InputToUpper(obj)
{
    if (obj.value!="")
    {
    obj.value = obj.value.toUpperCase();
    }
}
</script>

这对我有用。并且使用 TextBoxFor，而不是 EditorFor，是必不可少的。

Answer 5

您可以在属性的 getter 上执行此转换：

public class ProjectTechnology
{
    public int ProjectID { get; set; }

    private string _technologyId;
    public string TechnologyID 
    {
        get 
        {
            if (string.IsNullOrEmpty(_technologyId))
            {
                return _technologyId;
            }
            return _technologyId.ToUpper();
        }
        set
        {
            _technologyId = value;
        }
    }
}

Answer 6

对于编辑器对于：

@Html.EditorFor(model => 
    model.Nome, 
    new { 
        htmlAttributes = new { 
            @class = "form-control", 
            @onkeyup = "InputToUpper(this);"
        } 
    }
)

Answer 7

如果您想简单地防止以小写形式保存到数据库，那么最直接的选择是在创建和编辑操作的 HttpPost 期间将值更改为大写 例如

[HttpPost]
[ValidateAntiForgeryToken]
public async Task<IActionResult> Create([Bind("ProjectID, TechnologyID ")] ProjectTechnology projectTechnology)
    {
        ProjectTechnology.TechnologyID = ProjectTechnology.TechnologyID.ToUpper();

        if (ModelState.IsValid)
        {
            _context.Add(person);
            await _context.SaveChangesAsync();

Answer 8

您可以使用text-transform: uppercaase css 属性。如果你想从 mvc 做这个，你可以尝试为文本框创建模板（在那里你用 css 类为大写输出输入）并在模型中使用 UIHint 属性。希望对您有所帮助。