javascript - 在 head 中运行的 javascript 函数，但不能作为源文件运行

Question

我有一个 javascript 函数来验证表单。

<script type="text/javascript">
function formValidate()
        {
            // create array containing textbox elements
            var inputs = [document.getElementById('fname'), document.getElementById('lname'), document.getElementById('email1'), document.getElementById('email2'), document.getElementById('message')];

            var error;

            for(var i = 0; i<inputs.length; i++)
            // loop through each element to see if value is empty
            {
                if(inputs[i].value == '')
                {
                    error = 'Please complete all fields.';
                    alert(error);
                    return false;
                    }
            }
         }
</script>

它在 html 页面的头部有效，但当我从另一个文件引用它时无效。

<script src="form.js" type="text/javascript"></script>

表单代码:

<form onsubmit="return formValidate()"  action="mailto:admin@sfasc.com.au" method="post"  id="contactForm" >

你能告诉我我做错了什么吗？

Answer 1

为 <script> 返回的内容标记应该仅您的 JavaScript，并且不包含任何 HTML。这意味着你的 JS 文件应该只包含 JS 代码而不是 <script type="text/javascript">和 </script>部分。您的 HTML 文件会处理 HTML，这就是为什么您有 <script src="form.js" type="text/javascript"></script> .