Validform 基于表单验证
<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="../taglib/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<base href="${ctx}" />
<meta http-equiv="X-UA-Compatible" content="IE=8,IE=9" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Cache-Control" content="no-cache" />
<meta http-equiv="Expires" content="0" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript">
var ctx = '${ctx}';
</script>
<title>档案管理新增</title>
<link rel="stylesheet" type="text/css" href="css/style.css" />
<link rel="stylesheet" href="js/common/jquery-ui-1.10.3/themes/base/jquery.ui.all.css" />
<link rel="stylesheet" type="text/css" href="js/common/jPaginate/css/style.css" />
<script src="js/common/jquery-1.10.2.min.js" type="text/javascript"></script>
<script src="js/common/jquery-ui-1.10.3/ui/jquery-ui.js"></script>
<script src="js/common/jquery.cookie.js" type="text/javascript"></script>
<script src="js/common/html5.js" type="text/javascript"></script>
<script src="js/common/Validform_v5.3.2_min.js" type="text/javascript"></script>
<script src="js/common/datepicker/WdatePicker.js" type="text/javascript"></script>
<script src="js/common/jPaginate/jquery.paginate.js" type="text/javascript"></script>
<style type="text/css">
.validnum{
border-color: red;
}
</style>
<script>
$(function() {
$("#tabs").tabs(); $(".infoForm").Validform({
tiptype: function(msg, o, cssctl) {
if (!o.obj.is("form")) {
var objtip = o.obj.siblings(".Validform_checktip");
cssctl(objtip, o.type);
objtip.text(msg);
} else {
var objtip = o.obj.find("#msgdemo");
cssctl(objtip, o.type);
objtip.text(msg);
}
},
showAllError : true,
ajaxPost : true,
callback : function(data) {
if(data.status=="y"){
alert(data.message);
location.href = "ShipInfo/shipInfoListAction.do";
}else{
alert(data.message);
}
}
}); });
</script>
</head>
<body>
<div class="mainright minheight">
<div class="content">
<p class="title">
首页 » <span>档案管理新增</span>
</p>
<span class="line"></span>
<div class="shipdetails">
<form class="infoForm" action="ShipInfo/add_j.do">
<button type="submit">发布</button>
<button type="button" onclick="history.go(-1)">返回</button>
<div id="tabs">
<ul>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-1">船舶资料</a></li>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-2">船体部分</a></li>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-3">吨位</a></li>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-4">主机</a></li>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-5">船舶所有人</a></li>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-6">船舶管理公司</a></li>
<li><a href="ShipInfo/ShipInfo_add.jsp#tabs-7">船舶经营人</a></li>
</ul>
<div id="tabs-1">
<dl>
<dt><label>船名：</label></dt>
<dd><s:textfield name="shipInfo.vesselName" datatype="*"/><font style="color:red;">*</font><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>原船名：</label></dt>
<dd><s:textfield name="shipInfo.origVesselName" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>MMSI：</label></dt>
<dd><s:textfield name="shipInfo.mmsi" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>IMO：</label></dt>
<dd><s:textfield name="shipInfo.imo" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>呼号：</label></dt>
<dd><s:textfield name="shipInfo.callSign"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>船舶类型：</label></dt>
<dd><s:textfield name="shipInfo.subType" datatype="*"/><font style="color:red;">*</font><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>船速：</label></dt>
<dd><s:textfield name="shipInfo.speed" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>船级社：</label></dt>
<dd><s:textfield name="shipInfo.classedBy" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>船籍港：</label></dt>
<dd><s:textfield name="shipInfo.portOfRegistry" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>船籍：</label></dt>
<dd><s:textfield name="shipInfo.origOwner" datatype="*"/><font style="color:red;">*</font><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>原船籍：</label></dt>
<dd><s:textfield name="shipInfo.origCDOwner" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>造船厂：</label></dt>
<dd><s:textfield name="shipInfo.builder" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>造船地点：</label></dt>
<dd><s:textfield name="shipInfo.shipyardCountry" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>造船日期：</label></dt>
<dd><s:textfield name="shipInfo.contractDate" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd 00:00:00'})" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>安放龙骨日期：</label></dt>
<dd><s:textfield name="shipInfo.keelLaid" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd 00:00:00'})" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>下水日期：</label></dt>
<dd><s:textfield name="shipInfo.launched" onfocus="WdatePicker({dateFmt:'yyyy-MM-dd 00:00:00'})" /><em class="Validform_checktip"></em></dd>
</dl>
<div class="clear"></div>
</div>
<div id="tabs-2">
<ul>
<dl>
<dt><label>船舱数：</label></dt>
<dd><s:textfield name="shipInfo.cabins" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>甲板数：</label></dt>
<dd><s:textfield name="shipInfo.decks" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>总长：</label></dt>
<dd><s:textfield name="shipInfo.loa" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>型深：</label></dt>
<dd><s:textfield name="shipInfo.depth" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>型宽：</label></dt>
<dd><s:textfield name="shipInfo.beam" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>吃水：</label></dt>
<dd><s:textfield name="shipInfo.draft" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>排水量：</label></dt>
<dd><s:textfield name="shipInfo.displacementTonnage" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>冷藏总容量：</label></dt>
<dd><s:textfield name="shipInfo.reeferCapacity" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>冷藏集装箱：</label></dt>
<dd><s:textfield name="shipInfo.reeferTEU" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>翼液货舱：</label></dt>
<dd><s:textfield name="shipInfo.tanksWing" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>液货舱：</label></dt>
<dd><s:textfield name="shipInfo.permanentBallastCapacity" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>中心液货舱：</label></dt>
<dd><s:textfield name="shipInfo.tanksCentre" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>甲板液货舱：</label></dt>
<dd><s:textfield name="shipInfo." /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>污水舱：</label></dt>
<dd><s:textfield name="shipInfo.tanksSlop" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>是否配置原油洗舱：</label></dt>
<dd><s:textfield name="shipInfo.crudeOilWashing" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>是否装有惰性气体：</label></dt>
<dd><s:textfield name="shipInfo.inertGasSystem" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
</ul>
<div class="clear"></div>
</div>
<div id="tabs-3">
<ul>
<dl>
<dt><label>总吨位：</label></dt>
<dd><s:textfield name="shipInfo.grossTonnage" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>载重吨：</label></dt>
<dd><s:textfield name="shipInfo.dwt" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>净吨：</label></dt>
<dd><s:textfield name="shipInfo.cgt" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
</ul>
<div class="clear"></div>
</div>
<div id="tabs-4">
<ul>
<dl>
<dt><label>主机制造商：</label></dt>
<dd><s:textfield name="shipInfo.engineBuilder" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>主机种类：</label></dt>
<dd><s:textfield name="shipInfo.engineMake" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>主机型号：</label></dt>
<dd><s:textfield name="shipInfo.engineModel" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>主机速率：</label></dt>
<dd><s:textfield name="shipInfo.engineRPM" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>主机性能：</label></dt>
<dd><s:textfield name="shipInfo.engineSpeed" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>主机燃料：</label></dt>
<dd><s:textfield name="shipInfo.engineType" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>主机总功率：</label></dt>
<dd><s:textfield name="shipInfo.engineHPTotal" datatype="n" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
</ul>
<div class="clear"></div>
</div>
<div id="tabs-5">
<ul>
<dl>
<dt><label>公司：</label></dt>
<dd><s:textfield name="addressandrep.companyName" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>邮编：</label></dt>
<dd><s:textfield name="addressandrep.postalCode" datatype="p" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>电话：</label></dt>
<dd><s:textfield name="addressandrep.telephone" datatype="ph" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>传真：</label></dt>
<dd><s:textfield name="addressandrep.facsimile" datatype="f" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>邮箱：</label></dt>
<dd><s:textfield name="addressandrep.emailNetwork" datatype="e" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>网址：</label></dt>
<dd><s:textfield name="addressandrep.line1LabelAddress" datatype="url" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人：</label></dt>
<dd><s:textfield name="shipInfo.owner" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人船籍：</label></dt>
<dd><s:textfield name="addressandrep." /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人电话：</label></dt>
<dd><s:textfield name="addressandrep." datatype="m" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人邮箱：</label></dt>
<dd><s:textfield name="addressandrep." datatype="e" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人邮编：</label></dt>
<dd><s:textfield name="addressandrep." datatype="p" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
</ul>
<div class="clear"></div>
</div>
<div id="tabs-6">
<ul>
<dl>
<dt><label>公司：</label></dt>
<dd><s:textfield name="addressandrep1.companyName" datatype="*"/><font style="color:red;">*</font><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>邮编：</label></dt>
<dd><s:textfield name="addressandrep1.postalCode" datatype="p" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>电话：</label></dt>
<dd><s:textfield name="addressandrep1.telephone" datatype="ph" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>传真：</label></dt>
<dd><s:textfield name="addressandrep1.facsimile" datatype="f" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>邮箱：</label></dt>
<dd><s:textfield name="addressandrep1.emailNetwork" datatype="e" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>网址：</label></dt>
<dd><s:textfield name="addressandrep1.line1LabelAddress" datatype="url" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人：</label></dt>
<dd><s:textfield name="shipInfo.manager" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人电话：</label></dt>
<dd><s:textfield name="addressandrep1." datatype="m" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人邮箱：</label></dt>
<dd><s:textfield name="addressandrep1." datatype="e" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
</ul>
<div class="clear"></div>
</div>
<div id="tabs-7">
<ul>
<dl>
<dt><label>公司：</label></dt>
<dd><s:textfield name="addressandrep2.companyName" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>邮编：</label></dt>
<dd><s:textfield name="addressandrep2.postalCode" datatype="p" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>电话：</label></dt>
<dd><s:textfield name="addressandrep2.telephone" datatype="ph" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>传真：</label></dt>
<dd><s:textfield name="addressandrep2.facsimile" datatype="f" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>邮箱：</label></dt>
<dd><s:textfield name="addressandrep2.emailNetwork" datatype="e" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>网址：</label></dt>
<dd><s:textfield name="addressandrep2.line1LabelAddress" datatype="url" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人：</label></dt>
<dd><s:textfield name="shipInfo.operator" /><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人电话：</label></dt>
<dd><s:textfield name="addressandrep2." datatype="m" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
<dl>
<dt><label>联系人邮箱：</label></dt>
<dd><s:textfield name="addressandrep2." datatype="e" ignore="ignore"/><em class="Validform_checktip"></em></dd>
</dl>
</ul>
<div class="clear"></div>
</div>
</div>
</form>
</div>
</div>
</div>
</body>
</html>
Validform 基于表单验证的更多相关文章
- SharePoint2010基于表单验证方法总结(转载)
系统环境: win2008r2+ sql2008r2 +Visual Studio2010+sharepoint 2010 A.如果已经建立了web application 例如名字为: http: ...
- 基于jQuery的Validate表单验证
表单验证可以说在前端开发工作中是无处不在的~ 有数据,有登录,有表单, 都需要前端验证~~ 而我工作中用到最多的就是基于基于jQuery的Validate表单验证~ 就向下面这样~ 因为今天有个朋 ...
- Validform表单验证总结
近期项目里用到了表单的验证,选择了Validform_v5.3.2. 先来了解一下一些基本的参数: 通用表单验证方法:Demo: $(".demoform").Validform( ...
- Validform —— 再也不用担心“表单验证”！
<!doctype html> <html> <head> <meta content="text/html" charset=" ...
- 【jquery】Validform，一款不错的 jquery 表单验证插件
关于 Validform 这是一款很不错的 jquery 表单验证插件,它几乎能够满足任何验证需求,仅仅一行代码就能搞定整站的表单验证. $('form').Validform(); 为什么能如此方便 ...
- 表单验证之validform.js使用方法
一.validform有什么用? 网页上有大量的input需要你进行验证的时候,如果是弹窗的话,需要不停地判断,如果为空,弹窗.如果不是数字,弹窗. 所以要将这么多验证交给一个js去验证. 二.我现在 ...
- Validform：一行代码搞定整站的表单验证！
表单验证不再发愁,http://validform.rjboy.cn/
- 基于Jquery Validate 的表单验证
基于Jquery Validate 的表单验证 jquery.validate.js是jquery下的一个验证插件,运用此插件我们可以很便捷的对表单元素进行格式验证. 在讲述基于Jquery Vali ...
- 一个PHP常用表单验证类(基于正则)
一个基于正则表达式的PHP常用表单验证类,作者:欣然随风.这个表单判断类的功能有:验证是否为指定长度的字母/数字组合.验证是否为指定长度汉字.身 份证号码验证.是否是指定长度的数字.验证邮件地址.电话 ...
随机推荐
- 案例41-hibernate练习-添加客户
1 utils部分 1 HibernateUtils package www.test.utils; import org.hibernate.Session; import org.hibernat ...
- ElasticSearch：集群(Cluster),节点(Node),分片(Shard),Indices(索引),replicas(备份)之间关系
[Cluster]集群,一个ES集群由一个或多个节点(Node)组成,每个集群都有一个cluster name作为标识----------------------------------------- ...
- CSS像素、设备独立像素、设备像素之间关系
CSS像素.设备独立像素.设备像素,三者联系紧密又有很大的区别,而我们主要是在做移动端开发的时候需要更多地用到这些概念,那他们分别是指什么呢? 概念 CSS像素(CSS Pixel):适用于web编程 ...
- React.js 小书 Lesson10 - 组件的 state 和 setState
作者:胡子大哈 原文链接:http://huziketang.com/books/react/lesson10 转载请注明出处,保留原文链接和作者信息. state 我们前面提到过,一个组件的显示形态 ...
- nyoj 10——skiing————————【记忆化搜索】
skiing 时间限制:3000 ms | 内存限制:65535 KB 难度:5 描述 Michael喜欢滑雪百这并不奇怪, 因为滑雪的确很刺激.可是为了获得速度,滑的区域必须向下倾斜,而且当 ...
- Java集合一
java的集合类主要由两个接口派生而出:Collection && Map 这两个接口是集合框架的根接口 Collection----直接派生:Set(无序集合,元素不可重复) Lis ...
- C#使用第三方组件Epplus操作Excel表
Epplus操作Excel基础详解 1.什么是Epplus Epplus是一个使用Open Office XML文件格式,能读写Excel2007/2010文件的开源组件,在导出Excel的时候不需要 ...
- Mac 10.11.4 安装mysql－5.7.13 默认密码问题
今天下载了一个最新版的mysql dmg安装包来安装mysql,安装的整个过程竟然都没有提示输入root用户默认密码,我也没太在意,然后连接数据库时竟然提示输入密码,当时就一脸懵逼了.尝试各种密码,为 ...
- 优化代码CPU层面
今天在看<支撑处理器的技术>,其中,讲到了CPU流水线.在指令之间,如果下一条指令,需要用到上一条指令的结果,会影响到流水线的执行.书上给出了几种解决方案,一个是在指令中间插入一下无关的指 ...
- Vector 、ArrayList、LinkedList比较
这三者都可以随机访问,也就是支持通过索引查找数据. 都是有序(可以实现元素怎么进怎么出) Vector和ArrayList比较 相同之处 1 它们都是List 它们都继承于AbstractList,并 ...