一个javascript函数，在头部工作，但不作为源文件

I have a javascript function to validate a form.

我有一个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>

It works when in the head of the html page, but not when I reference it from another file.

它在html页面的头部工作,但是当我从另一个文件引用它时。

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

form code:

<form onsubmit="return formValidate()"  action="mailto:[e-mail]" method="post"  id="contactForm" >

Can you please tell me what I'm doing wrong?

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

1 个解决方案

#1

The content returned for the <script> tag should be only your JavaScript, and not include any HTML. That means your JS file should only include JS code and not the <script type="text/javascript"> and </script> parts. Your HTML file takes care of HTML, which is why you have <script src="form.js" type="text/javascript"></script>.

为