jsp页面 form表单提交时判空方法、非空验证

最新推荐文章于 2021-11-25 09:43:00 发布

peng_xiao_yu

最新推荐文章于 2021-11-25 09:43:00 发布

阅读量5.9k

点赞数 2

分类专栏： JSP学习文章标签： jquery

本文链接：https://blog.csdn.net/peng_xiao_yu/article/details/109632599

版权

JSP学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1、jsp页面表单提交时判空方法

jsp页面form表单：提交时判空，非空才能提交

jsp页面form表单代码，如下:

	<form action="insert" method="post">
		<table border="1" align="center">
			<tr>
				<td colspan="2"
					style="text-align: center ; font-size: 30px ; font-weight:bold;">花卉信息</td>
			</tr>

			<tr>
				<td>花卉名称:</td>
				<td><input type="text" name='name' />
				</td>
			</tr>

			<tr>
				<td>花卉价格:</td>
				<td><input type="text"  name='price' />
				</td>
			</tr>


			<tr>
				<td>花卉原产地:</td>
				<td><input type="text" name='production' />
				</td>
			</tr>

			<tr>
				<td colspan="2" align="center">
					<input type="submit" value="提交"> 
					<input type="reset" value="重置">
				</td>
			</tr>
		</table>
	</form>

2、jquery通过标签选择器判空，表单选择器判空前提是 inupt的type的属性值必须相同，如果没有写type类型默认为text.

$(":text:eq(0)").val() == "" || $(":text:eq(1)").val() == "" || $(":text:eq(2)").val() == "" 0代表第一个属性值为text的input框的值。

	<script type="text/javascript" src="js/jquery-1.7.2.js"></script>
	<script type="text/javascript">
		$(function() {
			$("form").submit(
					function() {
						if ($(":text:eq(0)").val() == ""
								|| $(":text:eq(1)").val() == ""
								|| $(":text:eq(2)").val() == "") {
							//表单选择器,    :input标签type属性值
							alert("请填写完整信息!");
							//阻止默认行为
							return false;
						}
					})
		});
	</script>

3、效果，如图：