Include JavaScript in HTML

Question

I'm new to HTML and developing and login form. Please find below the code I used. I want to import my JavaScript code into HTML form.please help me.

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>

In login.html, you're not closing the meta tag, is that normal? — Soma
– Soma, Commented Jan 10, 2014 at 10:38

Mahmood Rehman · Accepted Answer · 2014-01-10 10:57:06Z

3

Include your js file properly like this:

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

This code works for me.try

<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>

Your js file will be on same directory under js file with this name builder.js. Code in js file is :

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

edited Jan 10, 2014 at 10:57

answered Jan 10, 2014 at 10:35

Mahmood Rehman

4,3377 gold badges43 silver badges76 bronze badges

Sign up to request clarification or add additional context in comments.

7 Comments

Code Mat Over a year ago

im verry sorry to say still it doesn't work for me .

Mahmood Rehman Over a year ago

what is your file hierarchy ?

Code Mat Over a year ago

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

Mahmood Rehman Over a year ago

Did you use my js or your own ? and how you include js

Code Mat Over a year ago

your js. i have included login.html <script src="js/validation.js"> </script>

|

DontVoteMeDown · Accepted Answer · 2014-01-10 10:35:11Z

1

This tag should work:

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

answered Jan 10, 2014 at 10:35

DontVoteMeDown

21.5k10 gold badges72 silver badges113 bronze badges

Comments

msapkal · Accepted Answer · 2014-01-10 10:35:59Z

0

Script path should be.

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

answered Jan 10, 2014 at 10:35

msapkal

8,3462 gold badges34 silver badges48 bronze badges

1 Comment

dev Over a year ago

please check the path you used as src

Mahendra Jella · Accepted Answer · 2014-01-10 10:40:10Z

0

Js path shoulb be js/validation.js

<html>
    <head>
        <title>Login form</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <script src="js/validation.js" type="text/javascript">
        </script>
    </head>
    <body>
        <div>
            <form action=".\login.php" 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>

answered Jan 10, 2014 at 10:40

Mahendra Jella

5,5962 gold badges35 silver badges38 bronze badges

Comments

dev · Accepted Answer · 2014-01-10 10:42:09Z

0

this is how you can add js correctly

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

answered Jan 10, 2014 at 10:42

dev

4392 silver badges6 bronze badges

Collectives™ on Stack Overflow

Include JavaScript in HTML

5 Answers 5

7 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

5 Answers 5

7 Comments

Comments

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related