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>&nbsp;&nbsp;&nbsp;<input style="border:1px lightblue solid" type="submit" class="but" value="添加"/></td>

</tr>

</table>

</div>

</form>

</div>

</div>

</body>

</html>

http://img1.mukewang.com/5e3c717f0001097009200340.jpg

点击查看更多内容


这篇关于jquery验证的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!


扫一扫关注最新编程教程