使用javascript外部文件提交表单_Javascript_Forms

使用javascript外部文件提交表单

javascript forms

使用javascript外部文件提交表单,javascript,forms,Javascript,Forms,我有这个登录页面： <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" hr

我有这个登录页面：

<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。。。。有什么帮助吗？

您忘记在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是否与第二个html文件位于同一目录中？您是否声明了一个名为login的函数？为什么为login.js编写了两个脚本？如果你把login.js放在这里会更好。检查login.js是否正在使用控制台加载，或者是否正在加载。如果你能显示login.js中的内容也会更好。

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