为textfield添加验证

最新推荐文章于 2021-02-19 06:36:15 发布

原创最新推荐文章于 2021-02-19 06:36:15 发布 · 350 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#java #javascript #ui #ViewUI

Struts2 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个使用Struts2 UI标签的表单，并通过jQuery实现了RequisitionID字段的数字验证。当输入不符合要求时，会显示错误提示。

这块的代码是用struts2的UI标签写的，用jquery验证我还没有找到方法，就只能通过事件触发来添加验证了。

要求Requisition ID必须是数字的。

<tr>
							<td style="width: 100px"><span>Region</span></td>
							<td> 
								<select name="jobCriteria.regionId" id="regionId" style="width: 157px">
									<option selected="selected" value="0"></option>
									<c:forEach var="item" items="${requestScope.regionMap}">
										<c:if test="${jobCriteria.regionId==item.key}">
											<option value="${item.key}" selected="selected">${item.value.name}</option>
										</c:if>
										<c:if test="${jobCriteria.regionId!=item.key}">
											<option value="${item.key}">${item.value.name}</option>
										</c:if>
									</c:forEach>
			  					</select>
			  				</td>
							
							<td style="width: 100px"><span>Requisition ID</span></td>
							<td>
								<s:textfield name="jobCriteria.forsuccessId" cssStyle="width:150px" theme="simple" onblur="OnRequisitionID(this)" />
							</td>							
						</tr>
						
						<tr>
							<td colspan="4"><div id="err_requisition_id" style="margin-left: 450px; display:none ;padding:0px;margin-bottom:0px"><span style="color:red">RequisitionID is not correct.</span></div></td>
						</tr>

function OnRequisitionID(textField){
	var text = $(textField).val();

		///^[_a-zA-Z0-9-]+(\.[_a-zA-Z0-9-]+)*@[a-zA-Z0-9-]+(\.[a-zA-Z0-9-]+)*$/;
	if( isNaN(text) || text == "")
		$("#err_requisition_id").show();
	else 
		$("#err_requisition_id").hide();
}

然后将验证的javascript代码使用script标签导入进来就好了。

小小的感慨下，这个项目在界面上一会是struts2标签，一会是使用html标签，弄的验证很混乱。让我对设计阶段有了点认识，规范的重要性啊！

如果全部都用struts2，就可以使用内置的valiidators也是蛮不错的。

可惜现在弄的很混乱啊~