我用 Javascript 函数和验证编写了这个 HTML 代码。但是验证不起作用，我做错了什么答案

【问题标题】：I Wrote This HTML Code with Javascript Functions and Validations..but the Validation doesn't work, what am i doing wrong我用 Javascript 函数和验证编写了这个 HTML 代码。但是验证不起作用，我做错了什么
【发布时间】：2017-02-26 15:04:14
【问题描述】：

这是我编写的代码，但 Javascript 验证不起作用..语法错误...这是过去的论文问题。该程序包含一个 HTML 表单和一个带有验证的 Javascript 函数验证是用户名不应为空，电话文本框应为数字

Javascript 函数

function val(this)
{
  if(document.Regal.UName.value.length==0)
  {
    alert("UserName Empty");
    return false;
  }
  if (isNaN(document.valid.TeleNO.value))
  {
    prompt("Telephone Empty");
  }
}
</script>
</head>
<body>
<form="Regal">
<h1><b>Regal Real Estate Agency</b></h1><br>
<h2><b><u>Property Inspection Request Form</u></b></h2><br>
Name:
  <input type="text" name="Name"><br>
Telephone:
  <input type="text" name="Telephone"><br>
Reference Code:
  <input type="text" name="RC"><br>
Select Site To Vist
  <select name="Select Site">
  <option value ="Select Site"checked="checked">Select Site</option>
  <option value ="Colombo">Colombo</option>
  <option value ="Gampha">Gampha</option>
  <option value ="Galle">Galle</option>
  </select>
  When Is It Convient For Us To Contact You To Make An Appointment?
  <input type="radio" name="appointment" value="Morning" checked="true">
  <input type="radio" name="appointment" value="Afternoon">
  <br>
  <input type="button" name="SendInfo" value="Send" onclick="return val()"/> <br><br>
  <input type="button" name="SendInfo" value="Cancel"><br>
</form>
</body>
</html>

【问题讨论】：

请描述代码应该做什么
@shofstetter 用户名不应为空，电话文本框应为数字
正如@schofsetter 提到的，您需要解释您期望发生的事情、实际发生的事情以及您尝试过的事情。 SO 不只是让人们修复您的代码。
@theo 我知道，我只是在问我做错了什么......我根据我的 HTML 书做了所有事情，但 javascript 函数似乎不起作用。
您似乎发布了一个不完整的sn-p，您的文件真的以function val(this) 开头吗？如果是这样，这可能是您的问题的一部分 - 您缺少 <html>、<head> 和 <script> 标签。

标签： javascript html function validation

【解决方案1】：

对于表单验证，您应该使用表单的 onsubmit 事件。

此页面包含一些可以帮助您的示例： https://www.w3schools.com/js/js_validation.asp

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_post.php" onsubmit="return validateForm()" method="post">
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>

【讨论】：

谢谢，我会试试这个，让你知道