Jquery无法正常运行

时间:2017-05-31 00:59:01

标签: jquery

我通常不使用jquery但我必须使用它来运行一个动作。在我的下面的代码中,值不会被警告,让我相信我的脚本中存在问题。我已经尝试寻找修复但我找不到错误。谢谢您的帮助。

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js">
    $(document).ready(function(){
           $("#formbtn1").click(function(e){
             e.preventDefault();
             var code = $('#code12').val();
             alert(code);
          });
});
</script>

以下是我的HTML:

<form id="form">
   <input type="text" class="form-control" id="code12" name="installer1_code">
   <input type="submit" id="formbtn1" name="installer1_btn" class="btn btn-success">
            </form>

2 个答案:

答案 0 :(得分:2)

您无法嵌入脚本并且在同一个脚本标记中有正文。就像你说加载它并运行它。

修改您的代码,如下所示

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
           $("#formbtn1").click(function(e){
             e.preventDefault();
             var code = $('#code12').val();
             alert(code);
          });
});
</script>

答案 1 :(得分:1)

您不能将代码放在脚本代码中,并且还包含src属性。

您需要使用两个脚本标记。一个用于jQuery,另一个用于代码。

<script src="link"></script>
<script>
//Your code
</script>