Javascript / 输入验证答案

【问题标题】：Javascript / Validation for inputJavascript / 输入验证
【发布时间】：2020-11-05 16:01:31
【问题描述】：

我需要在 DOT NET MVC 视图页面中创建一个新学生。

在使用Student 类作为其模型的视图中形成和输入：

@using (Html.BeginForm("Action", "Controller", FormMethod.Post, new {onsubmit = "return Validation();"}
   <input type="text" name="Student.Name">

Validation.js：

var form = document.forms[0];
var studetnName = form["Student.Name"].value;

if(!studentName) // if user didn't input anything
{
    form[Student.Name].style.backgroundColor = "red";
    form[Student.Name].innerHtml = "This field is required!"
    return false;
}

return true;

如果我使用 @Html.TextBoxFor(m => m.Name, new { @class="form-control" }) 助手而不是常规 HTML 输入（在第一个示例中给出）。如何在我的 Validation.js 文件中引用此字段？我是否只需将属性 new { name = "testName" } 添加到我的 HTML 帮助程序并在 .js 文件中将其引用为

var studetnName = form["testName"].value 或者这里的解决方案是什么？

【问题讨论】：

标签： javascript c# model-view-controller

【解决方案1】：

javascript 代码

function validateForm() {
      var x = document.forms["myForm"]["fname"].value;
      if (x == "") {
        alert("Name must be filled out");
        return false;
      }
    }

文本框的html代码

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">
  Name: <input type="text" name="fname">
  <input type="submit" value="Submit">
</form>

【讨论】：