当一个表单要多对象提交时,界面的js验证时相当让人烦的事
如果事先有准备的话就会有事半功倍的效果,下面是一个freemarker模板
<@s.form id="channel_form" name="channel_form" action="" method="post" theme="simple">
<table width="682" border="0" cellpadding="0" cellspacing="0">
<script type="text/javascript">
function validate_channel(elementValue,elementName){
<!--elementValue循环的index elementName 表示每个对象的名称-->
<!--描述-->
<!--构造id-->
var channelDescription="#channelDescription";
<!--注意:当在js中数字跟字符相拼接时,数字首先要转行成字符才行 -->
channelDescription+=(elementValue).toString();
<!--描述的值-->
var channelDescriptionValue=$(channelDescription).val().replace(/^\s+|\s+$/g, "");
var channelDescriptionLength=channelDescriptionValue.replace(/[^\x00-\xff]/g, 'xx').length;
<!--当获取到元素的值和长度时,就可以在界面进行控制和提示了-->
<!-- 数量-->
var quantity="#quantity";
quantity+=(elementValue).toString();
var quantityValue=$(quantity).val();
<!--跟描述同理-->
return true;
}
</script>
<#if channelList?exists>
<#list channelList as channel>
<#assign index=channel_index/>
<tr>
<td height="30">
<table width="98%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="3%" height="30"> </td>
<td width="15%">描述</td>
<td width="82%"><@s.textfield name="channelList[${index}].channelDescription" id="channelDescription${index}" size=47/></td>
</tr>
<tr>
<td height="30"> </td>
<td height="30">分配库存量</td>
<td height="30"><@s.textfield name="channelList[${index}].quantity" id="quantity${index}" /></td>
</tr>
</table></td>
</tr>
</#list>
</#if>
<tr>
<td height="20" colspan="2" align="center"> </td>
</tr>
<tr>
<td height="50" colspan="2" align="center"><label>
<input type="button" value="保存" class="but02" onclick="return commit_channel_form();"/>
</label></td>
</tr>
</table>
</@s.form>
注意:如果要把Number转换成String,可以使用Number的toString()方法
(1).toString()括号必须或者 1 .toString()空格必须
分享到:
相关推荐
React JS Web应用程序React是一个开放源代码的前端JavaScript库,用于构建用户界面或UI组件。 它由Facebook以及由个人开发人员和公司组成的社区维护。 React可以用作开发单页或移动应用程序的基础。概述模块计划: ...
Chrome Frame 会把最新版的Chrome Webkit 内核和JavaScript 引擎注入到IE中, IE浏览器将获得Chrome的性能和功能 目录 摘要 I ABSTRACT II 专业名词清单 III 第一章 绪论 1 1.1 研究背景与意义 1 1.2国内外相关...
10.2.3 多个JavaScript文件的加载与执行 209 10.2.4 与HTML5 Web Workers通信 209 10.3 编写主页 210 10.3.1 处理错误 211 10.3.2 停止Web Workers 212 10.3.3 Web Workers的嵌套使用 212 10.3.4 使用定时器 ...
其次,我们采用了前端开发的最新技术和工具,如HTML5、CSS3和JavaScript。我们使用了响应式设计来确保我们的应用程序在不同设备上都能提供最佳的用户体验。我们还使用了一些流行的前端框架和库,如Bootstrap和jQuery...
SWFUpload是一个客户端文件上传工具,最初由Vinterwebb.se开发,它通过整合Flash与JavaScript技术为WEB开发者提供了一个具有丰富功能继而超越传统标签的文件上传模式。 [编辑本段]SWFUpload的主要特点 * 可以...
JQuery是近几年异军突起的JavaScript框架库,几乎成了Web前端开发事实上的标准,大部分企业都是使用JQuery进行Web前端的开发。 学完了这阶段课程,学员将学会开发主流网站的前端效果,比如:焦点图、滚动展示图、...
前端技术:可能包括HTML、CSS、JavaScript以及一些流行的前端框架或库,如Bootstrap、jQuery等,用于构建用户界面。 数据库:通常使用MySQL或其他关系型数据库来存储用户信息、商品信息和交易记录等数据。 功能介绍...
3. **前端技术**:使用了HTML、CSS和JavaScript等技术进行页面布局和交互设计,提升了用户体验。 **功能特点**: 1. **用户注册与登录**:用户需先注册账号才能登录论坛,系统会对用户输入的信息进行验证,确保...
wojilu Log一个轻量级 Json 解析器一个简易的前端 Ajax 库(弹窗、局部刷新、验证、上传等)2. 我记录网站综合系统 2.0名称: 我记录网站综合系统 2.0网址: http://www.wojilu.com下载: 请到论坛置顶帖子中下载。...
前端技术:可能包括HTML, CSS, JavaScript, JQuery, Bootstrap等,用于构建用户友好的界面。 Maven:项目构建工具,用于管理项目依赖和构建过程。 功能介绍: 用户管理:包括用户注册、登录验证、权限分配等功能...
即应用程序在部署、升级、维护时,只需要在服务器端进行配置就可以了,网络管理人员只需要管理服务器就行了,用户界面主要事务逻辑在服务器(Server)端完全通过WWW浏览器实现,极少部分事务逻辑在前端(Browser)...
jQuery以其轻巧的体积、强大的选择器、出色的DOM封装、丰富的插件支持使得广大的Web前端开发者得心应手,极大地提高了他们的开发效率;此外,jQuery中完善的Ajax功能、行为与结构层的分离、可靠的事件处理机制也同样...
即应用程序在部署、升级、维护时,只需要在服务器端进行配置就可以了,网络管理人员只需要管理服务器就行了,用户界面主要事务逻辑在服务器(Server)端完全通过WWW浏览器实现,极少部分事务逻辑在前端(Browser)...
9.7 实现JSN对象数组的排序 9.8 将12343778转成12.343.778的形式 9.9 模拟抽奖程序 9.10 实现冒泡算法 9.11 查询数组中特定数值 9.12 从数组中移除特定数值 9.13 根据指定正则表达式识别超链接 9.14 验证Email地址的...
这个工具的缺点是会让页面变得很乱,不过只要研究的页面对象不是太多,还是能够应付得过来。 7 . YSlow 有一个比Google Page Speed更强大网页性能优化工具,那就是YSlow,它是由Yahoo提供的页面性能评测和优化...