这块的代码是用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也是蛮不错的。
可惜现在弄的很混乱啊~
分享到:
相关推荐
运行中的代码包括STRUTS.XML,ACTION,页面调用代码进行了注释,,,在用户输入完成身份证号自动验证是否正确以及是否存在,并动态显示"正在验证身份证号",对身份证号输入错误的进行提前提醒,减少...
您可以使用安装PasswordTextField将其添加到您的Podfile : platform :ios , '8.0' use_frameworks! pod 'PasswordTextField' 要获得全部好处,无论您在何处导入UIKit,都要导入PasswordTextField import UIKit ...
本文档中包含所有和EasyUI开发相关的内容,以及翻译制作的...tagbox:添加“required”属性,以允许用户将其用于验证指定值是否为空(译者注:该属性自validatebox继承而来,1.5.2版之前也有该属性只是设置以后无效)。
Flutter Pw验证器 Flutter Pw Validator软件包可...然后将其直接放在您的密码TextField下,并将控制器传递给它: new TextField ( controller : _passwordController),new FlutterPwValidator ( controller : _passw
本机标记的组件,添加了错误消息,问题下划线和自动更正。 可以将<input>标记替换为您喜欢的UI库中的输入组件。 有一个使用Material UI TextField的示例。入门克隆存储库运行npm install 运行npm run start 这...
3.允许用户将名为PSU WiFi(Web登录)的NetworkName添加到TextField上。>再次将正确的用户名和密码插入TextField。按下添加按钮。4.允许用户连接名为PSU WiFi(Web登录)的SSID。只有这一点,用户将能够使用Internet...
它也具有验证,如果验证通过,则用户可以提交表单。 如果没有通过任何验证,那么我们将使用标签来显示验证。 所做的更改对textField的更改起React。 用户还可以编辑表单并可以查看更改。 特征 具有不同类型的...
v1.5.2 Build 1 版汉化说明 汉化人:王锦阳 ...• tagbox:添加“required”属性,以允许用户将其用于验证指定值是否为空(译者注:该属性自validatebox继承而来,1.5.2版之前也有该属性只是设置以后无效)。
实现登录页面,需求: ...点击登录按钮:回收2个textField的键盘,并进行登录验证(程序中使用宏定义设置正确的用户名和密码),显示alertview。 6、点击找回和注册按钮:NSLog输出“进入找回页面”和“进入注册页面”。
要安装它,只需将以下行添加到您的Podfile中: pod 'A2ATextField' 如何使用 物镜 设置占位符 self.textField.placeholder = @"Name*"; // Default is nil 将边框样式更改为底线 self.textField.bottomBorderOnly ...
为List的项编辑器添加格式化和验证数据 5.10节.跟踪TileList中所有被选中的子节点 5.11节.使用和显示项渲染器的NULL项 5.12节.为List创建右键菜单 5.13节.自定义List被选中项的外观 第六章. DataGrid和高级DataGrid...
必需的布尔添加选择是否为必填项。 errorText字符串显示的错误字符串数据源列表数据列表作为要选择的数据源。 textField字符串列表中的关键参数(数据源)。 valueField字符串列表中的值参数(数据源)。 ...
2 TextField(不是身份验证处理,不是格式或正则表达式) 2 社交按钮(非功能或方向) 登录按钮(导航到主屏幕) 注册文本(导航到注册屏幕) 注册屏幕 :sparkles: (当用户单击登录屏幕中的注册文本时) :...
实际使用的时候只要向FormPanel中添加这些表单项即可。常见的表单项有,TextField,NumberField,Radio,CheckBox等。 下面通过一个例子来介绍基本Form的使用。由于使用Form要和服务器端程序交互,方便起见,新建一个...
第 21 章 : 使用 TextField 类 第 22 章 : 使用 Flash 文本引擎 第 23 章 : 使用 Text Layout Framework 第 24 章 : 处理声音 第 25 章 : 使用视频 第 26 章 : 使用摄像头 第 27 章 : 使用数字权限管理 第 28...
-为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...
-为ExtAspNet.Alert添加两个静态方法ShowInParent和GetShowInParentReference,用于在父页面弹出窗口。 +在aspx页面中必须显示的声明控件的集合属性(比如Tabs(TabStrip), Items(PanelBase), Nodes(TreeNode))。 ...
TextField示例:报纸风格的文本格式设置 第章:使用Flash文本引擎 创建和显示文本 处理FTE中的事件 设置文本格式 使用字体 控制文本 Flash文本引擎示例:新闻版面布局 第章:使用TextLayoutFramework ...
//定义输入的年份名字为“year” Scanner scanner = new Scanner(System.in); year = scanner.nextInt(); if (year||year>3000){ System.out.println("年份有误,程序退出!"); System.exit(0); } if ((year...
7.2.1 文本输入控件Ext.form.TextField 7.2.2 多行文本输入控件Ext.form.TextArea 7.2.3 单选框 7.2.4 复选框 7.2.5 下拉列表框 7.2.6 日期输入控件Ext.form.DateField 7.2.7 在线编辑器Ext.form.HtmlEditor ...