从HTML表单调用Javascript失败_Javascript_Html

从HTML表单调用Javascript失败

javascript html

从HTML表单调用Javascript失败,javascript,html,Javascript,Html,我有一个调用Javascript函数的简单html页面 <html> <head> <script type="text/javascript"> function validateForm() { alter("Validate form") var x=document.forms["myForm"]["fname"].v

我有一个调用Javascript函数的简单html页面

<html>
    <head>
        <script type="text/javascript">
            function validateForm()
            {
                alter("Validate form")
                var x=document.forms["myForm"]["fname"].value;
                if (x==null || x=="")
                {
                    alert("First name must be filled out");

                }
            }
        </script>
        <body>
            <form name="myForm" onsubmit="validateForm()">
                First name: <input type="text" name="fname">
                <input type="submit" value="Submit">
            </form>

        </body>

由于某些原因，没有调用JS函数

<html>
    <body>
        function validateForm()
        {
            alter("Validate form")
            var x=document.forms["myForm"]["fname"].value;
            if (x==null || x=="")
            {
                alert("First name must be filled out");
            }
        <form name="myForm" onsubmit="validateForm()">
            First name: <input type="text" name="fname">
            <input type="submit" value="Submit">
        </form>

    </body>


函数validateForm（）
{
更改（“确认表格”）
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）
{
警告（“必须填写姓名”）；
}
名字：

最终js函数

<html>
    <head>
        <script type="text/javascript">
            function validateForm()
            {
                alter("Validate form")
                var x=document.forms["myForm"]["fname"].value;
                if (x==null || x=="")
                {
                    alert("First name must be filled out");

                }
            }
        </script>
        <body>
            <form name="myForm" onsubmit="validateForm()">
                First name: <input type="text" name="fname">
                <input type="submit" value="Submit">
            </form>

        </body>


函数validateForm（）
{
更改（“确认表格”）
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）
{
警告（“必须填写姓名”）；
}
}
名字：

javascript函数需要放在

script

标记中。如下所示：

<head>
    <script type="text/javascript">
        function validateForm() {
            alert("Validate form");
            var x = document.forms["myForm"]["fname"].value;
            if (x == null || x == "") {
                alert("First name must be filled out");
                return false;
            }
        }
    </script>
</head>
<body>
    <form name="myForm" onsubmit="return validateForm();">First name:
        <input type="text" name="fname">
        <input type="submit" value="Submit">
    </form>
</body>


函数validateForm（）{
警报（“验证表格”）；
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）{
警告（“必须填写姓名”）；
返回false；
}
}
名字：

编辑

工作小提琴。

您必须将JavaScript包装在一个脚本标记中，并且您第一次将alert拼写错误，并且函数的结尾

<script>
function validateForm()
    {
    alert("Validate form")
    var x=document.forms["myForm"]["fname"].value;
    if (x==null || x=="")
      {
      alert("First name must be filled out");

      }
}
</script>


函数validateForm（）
{
警报（“验证表单”）
var x=document.forms[“myForm”][“fname”].value；
如果（x==null | | x==“”）
{
警告（“必须填写姓名”）；
}
}

该函数需要包装在

标记中，并且脚本末尾缺少一个大括号。此外，“警报”拼写错误

function validateForm()
{
alert("Validate form") // alert spelt wrong
var x=document.forms["myForm"]["fname"].value;
if (x==null || x=="")
  {
  alert("First name must be filled out");

  }
} // newly added brace

您缺少脚本标记！！学习使用浏览器控制台！Chrome或Firefox！，它会更容易地向您指出这些错误！另外，“alert”拼写错误我修复了脚本标记并运行了上述脚本，但仍然存在相同的问题。@user1050619第二行的

alert

拼写错误-

alter（“验证表单”）

和缺少一个右大括号

-您纠正了这些错误吗？我已经更新了上面的最后一个函数。@user1050619，也放一个

在第一个警报之后。这是一个很好的做法。@user1050619检查这里->