需要和按钮单击 javascript 验证功能不起作用？

raju 发表于 Dev

拉朱

我正在应用两个验证，但都不起作用

所需的验证不适用于输入属性
功能验证（）不起作用

<!DOCTYPE html>
<html>

<head>
  <meta charset="UTF-8" />
  <title></title>
  <script src="https://code.jquery.com/jquery-3.4.1.min.js" type="text/javascript"></script>
  <script src="signup.js"></script>
  <script type="text/javascript">
    function validatation() {
      debugger
      if (document.PersonalInform.txtfname.value == "") {
        debugger
        alert("Please provide your first name!");
        document.PersonalInform.Name.focus();
        return false;
      }
    }
  </script>
</head>

<body>
  <form id="txtPersonalInformation" name="PersonalInform" onsubmit="return (validatation());">
    <h1>Personal Information</h1>
    First Name:<input id="txtfname" name="txtfname" type="text" /><br/>
    Middle Name:<input id="txtmname" name="txtmname" type="text" /><br/>
    Last Name:<input id="txtlname" name="txtlname" type="text" /><br/>
    <input id="btnnext" type="button" value="Next" />
  </form>
</body>

</html>

要么

下面的验证也不起作用

First Name:<input id="txtfname" name="txtfname" type="text" required /><br/>

$(document).ready(function () {
    $('#btnnext').click(function (event) {
        $("#txtPersonalInformation").load("ContactInformation.html");
    });
});

我在 web.config 文件中添加了这一行

网页配置

</system.web>
  <appSettings>
    <add key="ValidationSettings:UnobtrusiveValidationMode" value="none"/>
  </appSettings>

我想执行此 javascript 函数验证但不起作用？

function validatation()

塞缪尔

这就是你想要的。正如 Mendrika 所指出的，您没有提交表格。

HTML 表单：

 <script src="https://code.jquery.com/jquery-3.4.1.min.js"> type="text/javascript"></script>

<form id="some-form" action="some-url" onsubmit="return validate()">
    <label for="first-name">First Name:</label>
    <input id="first-name" name="first-name" type="text"><br>
    <label for="last-name">Last Name:</label>
    <input id="last-name" name="last-name" type="text"><br>
    <input id="btn-submit" type="submit" value="Submit">
</form>

JS 示例验证函数

function validate() {
    if ($("#first-name").val() === "") {
        alert("Provide a first name");
        $("#first-name").focus();
        return false; 
    }
    if ($("#last-name").val() === "") {
        alert("Provide a last name");
        $("#last-name").focus();
        return false; 
    }
    return true; 
}

https://codepen.io/el-sa-mu-el/pen/QWjVGvb

请注意，这不是好的代码，但它有效。你应该阅读更多关于 JS 和表单验证的基础知识。

其他一些观察：

您的表单缺少action=" "实际将数据发布到某个 URL的标签。你的数据去哪里了？
您正在混合使用 vanilla Java Script 和 JQuery。如果您已经包含它，请使用 JQuery 进行 DOM 访问，并带有$符号。
您有一个 signup.js 函数，但也在<script>标签中包含一个 Javascript 函数。您可以将该validate()功能移动到 signup.js