jsp引用jquery失效
来源：6-2 项目作业
J_DP
2020-07-04 08:15:27
无法引入，根据路径引入后还是失效。。
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ taglib uri = "http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>新建图书分类</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/add.css">
</head>
<body>
<nav class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<a class="navbar-brand" href="">
图书分类管理
</a>
</div>
</div>
</nav>
<div class="container">
<div class="jumbotron">
<h1>Hello, XXX!</h1>
<p>请小心地新增图书分类，要是建了一个错误的就不好了。。。</p>
</div>
<div class="page-header">
<h3><small>新建</small></h3>
</div>
<form class="form-horizontal" onsubmit="return format()" action="${pageContext.request.contextPath }/AddCategoryServlet" method="post">
<div class="form-group">
<label for="name" class="col-sm-2 control-label">分类ID ：</label>
<div class="col-sm-8">
<input name="categoryId" class="form-control" id="categoryId">
</div>
</div>
<div class="form-group">
<label for="name" class="col-sm-2 control-label">分类名称 ：</label>
<div class="col-sm-8">
<input name="categoryName" class="form-control" id="categoryName">
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary">保存</button>
</div>
</div>
</form>
</div>
<footer class="text-center" >copy@imooc</footer>
<script type="text/javascript" src="/js/jquery-3.3.1.min.js"></script>
<script type="text/javascript">
/* function format(){
alert("开始校验");
var rege_id= /^(ca)\d{4}/;
var rege_name =/^(\u4eoo-\uqfa5){2,5}$/;
var id = document.getElementById("categoryId").value;
var name = document.getElementById("categoryName").value;
console.log(id);
if(id == ""|| name == ""){
alert("请将内容输入完整");
return false;
}else if(rege_id.test(id) == false){
alert("请合规输入");
return false;
}else if(rege_name.test(name) == false){
alert("输入超出范围")
return false;
}else{
alert("校验成功");
return true;
}
}
*/
$("#categoryId").change(function(){
var name = /^[\u4e00-\u9fa5]{2,8}$/;
var nameval = $("#categoryId").val();
console.log(name.text(nameval));
if(name.test(nameval) == false || nameval == ""){
alert("用户名请输入2-8位汉字！");
}
});
</script>
</body>
</html>
注释的可以正常显示，但是jquery属性选择器失效，f12控制台打印都是空的，失效，这是什么原因呢
2回答
-
好帮手慕阿慧
2020-07-04
同学你好，建议同学使用相对路径引入jquery文件。name没有text方法，应该使用test()方法校验正则表达式。
参考代码如下：
如果我的回答解决了你的疑惑，请采纳！祝学习愉快！
0 -
J_DP
提问者
2020-07-04
$("#categoryName").change(function(){
var name = /^[\u4e00-\u9fa5]{2,8}$/;
var nameval = $("#categoryName").val();
console.log(name.text(nameval));
if(name.test(nameval) == false || nameval == ""){
alert("用户名请输入2-8位汉字！");
}
});
Id和Name都试过，无效果
0
相似问题