5-1问题,js找不到路径,获取验证码提示框没有弹出

5-1问题,js找不到路径,获取验证码提示框没有弹出

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<%@ page language="java" contentType="text/html; charset=UTF-8"

    pageEncoding="UTF-8"%>

<title>关于验证码框架</title>

 <style>#code{height:30px;}</style>

</head>

<body>

    <form action="submit.action" >

    <p><font size="5" color="red">验证码:</font><input type="text" name="kaptcha" id="code"  maxlength="4" placeholder="请输入验证码"/>

    <img src="http://localhost:8080/imooccode/kaptcha.jpg" id="changecode"/>

    </p>

    

    <p>

    <input type="button" id="login" value="登录">

    </p>

    <div id="result"></div>

    </form>

    <script src="<%=request.getContextPath()%>/jquery-1.12.4.min.js" type="text/javascript"></script>

    <script>

    $(function(){

    $("#changecode").on("click",function(){

    $(this).attr("src","http://localhost:8080/imooccode/kaptcha.jpg?d="+new Date().getTime());

    });

   

    $("#login").on("click",function(){

        //获取用户输入的验证码

        var code = $("#code").val();

        alert(code);

        /* var params = {"code":code};

        $.post("http://localhost:8080/imooccode/login",params,function(data){

        if(data=="success"){

        $("#result").html("验证码输入正确");

        }else{

        $("#result").html("验证码输入错误,请重新输入");

        $("#code").val("").focus();

        }

       

        }); */

    });

    });

   

    </script>

</body>

</html>

http://img1.sycdn.imooc.com//climg/5b1c861300014c3219201080.jpg

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
一叶知秋519 2018-06-10 15:44:40

你到Chrome浏览器或者火狐浏览器中通过F12看一下控制台的报错信息~~

  • 提问者 qq_9o後虛徦_0 #1
    Failed to load resource: the server responded with a status of 404 () jquery-1.12.4.min.js:1 Uncaught ReferenceError: $ is not defined at test.jsp:21 test.jsp:21 Failed to load resource: the server responded with a status of 404 () :8080/favicon.ico:1
    2018-06-10 18:33:20
  • 一叶知秋519 回复 提问者 qq_9o後虛徦_0 #2
    显示你的js文件引入找不到,建议同学引入js文件时也写成这种样式:http://localhost:8080/imooccode/js路径 。
    2018-06-11 10:32:15
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
从网页搭建入门Java Web2018版
  • 参与学习           人
  • 提交作业       1088    份
  • 解答问题       10204    个

如果你有Java语言基础,又想以后从事Java Web开发,那么本路径是你的不二选择!本路径从网页搭建开始入手,通过大量案例来学习Java Web基础。定能助你完成Java Web小白的蜕变!

了解课程
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师