2014-01-10 5 views
0

Я новичок в HTML и разработке и форме входа. Ниже приведен код, который я использовал. Я хочу импортировать код JavaScript в HTML-форму. Помогите мне.Включить JavaScript в HTML

C: \ Program Files \ XAMPP \ HTDOCS \ forsiteSystem \ них студентов \ 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 \ них студентов \ 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> 
+0

В 'login.html', вы не закрывая мета-тег, является что нормально? – Soma

ответ

3

Включите ваш файл js правильно так:

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

Этот код работает для 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> 

Ваш файл 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; 
    } 
} 
+0

это не работает для меня.sorry –

+0

@thisaraD. попробуйте код выше в моем отредактированном ответе. –

+0

im verry извините, что все равно это не работает для меня. –

0

путь Сценарий должен быть.

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

, пожалуйста, проверьте путь, который вы использовали как src – dev

0

Js путь shoulb быть 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> 
0

это то, как вы можете добавить JS правильно

<script type="text/javascript" src="js/validation.js"></script> 
Смежные вопросы