js写表单普通验证

本文介绍了一个使用Java和HTML实现的表单验证脚本,确保链接名称、链接地址、联系人邮件和排列顺序字段不为空,并检查排列顺序是否为正整数。
<%@ page language="java" contentType="text/html; charset=utf-8"
    pageEncoding="utf-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script type="text/javascript">
	function checkForm(){
		var linkName=document.getElementById("linkName").value;
		var linkUrl=document.getElementById("linkUrl").value;
		var linkEmail=document.getElementById("linkEmail").value;
		var orderNum=document.getElementById("orderNum").value;
		if(linkName==null||linkName==""){
			document.getElementById("error").innerHTML="链接名称不能为空!";
			return false;
		}
		if(linkUrl==null||linkUrl==""){
			document.getElementById("error").innerHTML="链接地址不能为空!";
			return false;
		}
		if(linkEmail==null||linkEmail==""){
			document.getElementById("error").innerHTML="联系人邮件不能为空!";
			return false;
		}
		if(orderNum==null||orderNum==""){
			document.getElementById("error").innerHTML="排列顺序不能为空!";
			return false;
		}else{
			 var type="^[0-9]*[1-9][0-9]*$"; 
		     var re=new RegExp(type); 
	         if(orderNum.match(re)==null){ 
	           alert("排列顺序必须为正整数!"); 
	           return false;
	        }
			return true;
		}
		return true;
	}
</script>
</head>
<body>
<div class="data_list backMain">
	<div class="dataHeader navi">
		${navCode }
	</div>
	<div class="data_content">
		<form action="link?action=save" method="post" "return checkForm()">
			<table cellpadding="5">
				<tr>
					<td>
						<label>链接名称:</label>
					</td>
					<td>
						<input type="text" id="linkName" name="linkName" value="${link.linkName }">
					</td>
				</tr>
				<tr>
					<td>
						<label>链接地址:</label>
					</td>
					<td>
						<input type="text" id="linkUrl" name="linkUrl" value="${link.linkUrl }">
					</td>
				</tr>
				<tr>
					<td>
						<label>联系人邮件:</label>
					</td>
					<td>
						<input type="text" id="linkEmail" name="linkEmail" value="${link.linkEmail }">
					</td>
				</tr>
				<tr>
					<td>
						<label>排列顺序:</label>
					</td>
					<td>
						<input type="text" id="orderNum" name="orderNum" value="${link.orderNum }">
					</td>
				</tr>
				<tr>
					<td>
						<input type="hidden" id="linkId" name="linkId" value="${link.linkId }"/>
					</td>
					<td>
						 <button class="btn btn-primary" type="submit">保存友情链接</button>&nbsp;&nbsp;
						 <button class="btn btn-primary" type="button" "javascript:history.back()">返回</button>&nbsp;&nbsp;<font id="error" color="red">${error }</font>
					</td>
				</tr>
			</table>
		</form>
	</div>
</div>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值