javascript - 在 HTML 中包含 JavaScript

标签 javascript html

我是 HTML 以及开发和登录表单的新手。请在下面找到我使用的代码。我想将我的 JavaScript 代码导入 HTML 表单。请帮助我。

C:\Program Files\xampp\htdocs\forsiteSystem\thems\js\validation.js

 function validateForm()
{
var x=document.forms["login"]["email"].value;
if (x==null || x=="")
  {
  alert("Email must be filled out");
  return false;
  }
} 

C:\Program Files\xampp\htdocs\forsiteSystem\thems\login.html

<html>
        <head>
            <title>Login form</title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script src="js/validation.js">
            </script>
        </head>
        <body>
            <div>
                <form name="login" action="" method="post" onsubmit="return validateForm()">
                    Email: <input type="text" name="email"><br>
                    password: <input type="text" name="pass"><br>
                    <input type="submit"  id="Submit_button" >
                </form>
            </div>
        </body>
    </html>

最佳答案

正确包含您的 js 文件,如下所示:

<script src="js/validation.js">

此代码适用于我。尝试

<html>
        <head>
            <title>Login form</title>
            <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
            <script src="js/builder.js">
            </script>
        </head>
        <body>
            <div>
                <form name="login" action="" method="post" onsubmit="return validateForm()">
                    Email: <input type="text" name="email"><br>
                    password: <input type="text" name="pass"><br>
                    <input type="submit"  id="Submit_button" >
                </form>
            </div>
        </body>
    </html>

您的 js 文件将位于 js 文件下的同一目录中,名称为 builder.js。 js文件中的代码是:

function validateForm()
{
var x=document.forms["login"]["email"].value;
if (x==null || x=="")
  {
  alert("Email must be filled out");
  return false;
  }
} 

关于javascript - 在 HTML 中包含 JavaScript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21041981/

相关文章:

javascript - React-Navigation:如何在 TabNavigation 中的选项卡之间传递数据?

php - 如何在jquery中动态创建带有单选按钮的文本框

javascript - 单击容器div时如何旋转两个div以形成X?

c# - 将 XSL-FO 转换为 HTML

html - 如何在不重叠网页内容的情况下减小背景图片的大小

javascript - 具有速记赋值的后增量运算符

javascript - 我自己的工具提示中的 href

javascript - 我可以在 javascript 中不使用循环的情况下重复对象数组中的值 n 次吗?

html - 将鼠标悬停在 li 上时更改颜色

javascript - 删除了不正确的 SVG 组