为textfield添加验证

 这块的代码是用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也是蛮不错的。

可惜现在弄的很混乱啊~

扫描二维码关注公众号，回复： 774724 查看本文章