jquery验证
2020/2/10 4:08:29
本文主要是介绍jquery验证,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!
<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>addcourse</title>
<style>
.out{
position:relatively;
width:100%;
height:300px;
}
.in{
margin:0 auto;
width:100%;
}
table{
margin:0 auto;
}
</style>
<script type="text/javascript" src="js/jquery-3.4.1.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(".but").click(function(){
var name = document.getElementById("name").value;
var category = document.getElementById("category").value;
var desp = document.getElementById("desp").value;
if(name==null||name==""){
alert("课程名不能为空");
return false;
}
if(category==null||category==""){
alert("所属方向不能为空");
return false;
}
if(desp==null||desp==""){
alert("课程描述不能为空");
return false;
}
return true;
});
});
</script>
</head>
<body>
<div class="out">
<div>
<form action="${pageContext.request.contextPath }/AddServlet" method="post">
<div class="in">
<table>
<tr>
<td></td>
<td><span style="text-align:center;font:25px bolder">课程添加</span></td>
</tr>
<tr>
<td>课程名</td>
<td><input type="text" name="name" id="name"/></td>
</tr>
<tr>
<td>所属方向</td>
<td><input type="text" name="category" id="category"/></td>
</tr>
<tr>
<td>课程描述</td>
<td><input type="text" name="desp" id="desp"/></td>
</tr>
<tr>
<td></td>
<td> <input style="border:1px lightblue solid" type="submit" class="but" value="添加"/></td>
</tr>
</table>
</div>
</form>
</div>
</div>
</body>
</html>
这篇关于jquery验证的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!
- 2024-05-30毕设私活神器
- 2024-05-30html
- 2024-05-09一定要避坑:关于微信H5分享,温馨提示你不要再踩坑了!!!
- 2024-05-09本地项目放到公网访问!炒鸡煎蛋!
- 2024-04-07金融企业区域集中库的设计构想和测试验证
- 2024-03-11前端CSS的工程化——掌握Sass这四大特性就够了
- 2024-02-21h5关联css样式(html怎么和css关联)-icode9专业技术文章分享
- 2024-02-07Firefox禁止远程字体加速网页加载及图标字体补充安装
- 2024-02-07一个菜鸡前端的3年总结-「2023」
- 2024-01-18最火前端Web组态软件(可视化)