Question

带有引导程序的代码：

function ValidateForm() {
  var fname = document.forms["form1"]["fname"].value;
  var requiredValue = "this value is required";

  if (fname == "") {
    document.getElementById("validation").innerHTML = requiredValue;;
    return false;
  }

}

<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>

<form action="/action_page.php" onsubmit="return ValidateForm()" method="post">
  <fieldset>
    <div class="row">
      <div class="col-md-6">
        <div class="form-group">
          <p id="validation"></p>
          <input type="text" id="fname" name="fname" placeholder="Enter First Name" data-type="alphanum" />

          <button type="submit" class="btn btn-info">Save</button>
        </div>
      </div>
    </div>
  </fieldset>
</form>

无引导代码：

function ValidateForm() {
  var fname = document.forms["form1"]["fname"].value;
  var requiredValue = "this value is required";

  if (fname == "") {
    document.getElementById("validation").innerHTML = requiredValue;
    return false;
  }

}

<form id="form1" action="" onsubmit="return ValidateForm()" method="post">
  <p id="validation"></p>
  <input type="text" id="fname" name="fname" placeholder="Enter First Name" />
  <button type="submit">Save</button>
</form>

为什么ValidateForm()在没有引导代码的情况下无法使用？我只是访问validation id，但是它不起作用。但是奇怪的是，它与引导程序代码一起使用。我只是为应该显示this value is required的用户编写脚本。现在对我来说没有意义，为什么它不能与引导程序一起使用？

注意：在我的环境中，所有这些代码均有效。

Answer 1

据我了解，您的代码位于单独的文件中。第一种形式具有以下代码：

Definition

第二个有这个：

<form action="/action_page.php" onsubmit="return ValidateForm()" method="post">

显然“ action_page.php”不再被加载。您要从其他文件加载脚本吗？该文件位于何处，以及如何在页面上加载实际脚本？

将以下代码放入保存为HTML的单个文件中时，以下代码将按预期工作：

<form id="form1" action="" onsubmit="return ValidateForm()" method="post">

向用户显示消息

1 个答案: