JS 部分
/*
Copyright (C) 2009 - 2012
Email: wangking717@qq.com
WebSite: Http://wangking717.javaeye.com/
Author: wangking
*/
$(function(){
var xOffset = -20; // x distance from mouse
var yOffset = 20; // y distance from mouse
//input tips
$("input[tip],textarea[tip],select[tip]").hover(
function(e) {
var offset = $(this).offset();
var tip = $(this).attr("tip");
/*var top = (offset.top + yOffset);
var left = (offset.left + xOffset);*/
var top = (e.pageY + yOffset);
var left = (e.pageX + xOffset);
$('body').append( '<p )){
isSubmit = false;
}
});
return isSubmit;
});
});
function validate(obj,tagType){
var reg = new RegExp(obj.attr("reg"));
var objValue = obj.attr("value");
if(!reg.test(objValue)){
if(tagType == "input"){
obj.addClass("input_validation-failed");
}else{
obj.addClass("select_validation-failed");
}
return false;
}else{
if(tagType == "input"){
obj.removeClass("input_validation-failed");
}else{
obj.removeClass("select_validation-failed");
}
return true;
}
}
HTML 部分
<div class="instanceList position-re">
<div class="instanceList-sec1 claroDiff1">
<div class="instanceList-sec10">
<p class="ins-sec10-p1"><span>|</span>第一步：填写基本信息 >> 第二步：填写主体信息 >> 第三步：填写网站信息 >> 第四步：提交并等待审核</p>
</div>
<div class="instanceList-sec10">
<p class="ins-sec10-p1"><span>|</span>网站域名信息</p>
</div>
<div class="instanceList-sec10">
<div class="wrapper15">
<div class="width15 float-left text-right"><label class="label_small">域名：</label></div>
<div class="width85 float-left text-left"><input type="text" ></div>
<div class="width15 float-left text-right"><label class="label_small">分布地点：</label></div>
<div class="width85 float-left text-left">
<select ></div>
<div class="width15 float-left text-right"><label class="label_small">主办单位有效证件类型：</label></div>
<div class="width85 float-left text-left">
<select ></div>
<div class="width15 float-left text-right"><label class="label_small">IP类型：</label></div>
<div class="width85 float-left text-left">
<select ></div>
</div>
</div>
</div>
</div>