提交表单使用javascript外部文件

我有这个登录页面：提交表单使用javascript外部文件

<html> 
    <head> 
     <title>TODO supply a title</title> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width"> 
     <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" /> 
     <script src="http://code.jquery.com/jquery.js"></script> 
     <script type="text/javascript" src="js/loader.js"></script> 
    </head> 
    <body> 
     <div id ="header_login"></div> 
     <div id ="fdm_intro"></div> 
     <div id="footer"></div> 
    </body> 
</html>

和休耕标题：

<html> 
    <head> 
     <meta charset="UTF-8"> 
     <meta name="viewport" content="width=device-width"> 
     <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" /> 
     <script type="text/javascript" src="login.js"></script> 
     <script src="login.js"></script> 
    </head> 
    <body> 
     <div id ="header"> 
      <div class="navbar"> 
       <div class="navbar-inner"> 
        <a class="brand" href="#"> Flight Data Monitor</a> 
        <form name="login" action="" method="GET" class="navbar-form pull-right"> 
         <input type="text" class="span2" placeholder="Username" name="username"> 
         <input type="text" class="span2" placeholder="Password" name="password"> 
         <button type="submit" class="btn" onclick="login(this.form);" >Entrar</button> 
        </form> 
       </div> 
      </div> 
     </div> 
    </body> 
</html>

的问题：我不能在login.js警报。它似乎像我的表单不会调用JavaScript ....任何帮助？

来源

2014-03-24 Pedro Garcia

两个问题：是在同一目录作为第二HTML文件的login.js？您是否声明了一个名为login的函数？ –

为什么你为login.js写了2个脚本？如果你把你的login.js放在这里，会更好。 – Neel

检查login.js是否使用控制台或[Fiddler]（http://www.telerik.com/fiddler）进行加载。如果您可以显示login.js中的内容，那也会更好。 – Ashutosh

你忘了在你的html页面中添加Jquery引用。试试这个代码。

<html> 
    <head> 
    <meta charset="UTF-8"> 
    <meta name="viewport" content="width=device-width"> 
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" /> 
    <script src="http://code.jquery.com/jquery-1.9.1.js"></script>  
    <script src="login.js"></script> 
    </head> 
    <body> 
    <div id ="header"> 
     <div class="navbar"> 
      <div class="navbar-inner"> 
       <a class="brand" href="#"> Flight Data Monitor</a> 
       <form name="login" action="" method="GET" class="navbar-form pull-right"> 
        <input type="text" class="span2" placeholder="Username" name="username"> 
        <input type="text" class="span2" placeholder="Password" name="password"> 
        <button type="submit" class="btn" onclick="login(this.form);" >Entrar</button> 
       </form> 
      </div> 
     </div> 
    </div> 
    </body> 
</html>

Login.js：

$(document).ready(function() { 
    alert();  
});

来源

2014-03-24 12:55:39 Jeba

提交表单使用javascript外部文件

回答

相关问题