弹出层 北京变暗 效果已经实现 但是弹出的那个层无法调用JQUERY中的方法(如果是普通的JS函数 而不是在JQUERY中 就可以调用),而我的弹出层的JS是没有用任何的库,我把代码贴出来母层上验证表单的js:$(document).ready(function(){
var message;
$("form :input.large").each(function(){
var $required = $("<strong class='high'> *</strong>");
$(this).parent().append($required);
});
//文本失去焦点后
$("form :input").blur(function(){
var $parent = $(this).parent();
$parent.find(".formtips").remove();
if($(this).is("#designer")){
if($.trim(this.value)=="")
{
var errorMsg = "美观得分不能为空";
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
return;
}else{
var okMsg = "输入正确";
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
if($(this).is("#func")){
if($.trim(this.value)=="")
{
var errorMsg = "功能得分不能为空";
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
return;
}else{
var okMsg = "输入正确";
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
} }).keyup(function(){
$(this).triggerHandler("blur");
}).focus(function(){
$(this).triggerHandler("blur");
});
$("#send").click(function(){
$("form :input.required").trigger("blur");//只会响应我们
var numError = $('form .onError').length;
if(numError){
return false;
}
alert("保存成功");
$("#myform").submit();
});
});
弹出层的JS:function tan(){
.................(不写了 反正这个方法没问题 就是怎么和上面的那个验证表单能写在一个script标签里)
}弹出层的代码()
<form>
<div class='top'>
<span class='wenji'>
<strong style='color:red'>REPLAY:</strong>
</span>
<ul class='ulstyle'>
<div class='clear'>
<li class='listyle leftwidth '>美观得分:</li>
<li class='listyle rightwidth'>
<input name='designer' id='designer' type='text' class='large' style='height:15px'/> 
<span style='color:red'>*</span>
</li>
</div>
<div class='clear'>
<li class='listyle leftwidth margintop'>功能得分:</li>
<li class='listyle rightwidth margintop'>
<input name='func' id='func' type='text' class='large' style='height:15px'/>
</li>
</div>
<div class='clear'>
<li class='listyle leftwidth margintop'>数据库得分:</li>
<li class='listyle rightwidth margintop'>
<input name='database' id='database' type='text' class='large' style='height:15px'/> 
<span style='color:red'>*</span>
</li>
</div>
</ul>
<div class='clear bar'>
<input id='mybutton' type='button' value='sdfdsf'/>
<input type='submit' name='button' id='button' value='投稿'/> 
<input name='' type='reset' value='リセット' /> 
<input type='button' value='退出' onclick='hide()' /></div></div></form>
var message;
$("form :input.large").each(function(){
var $required = $("<strong class='high'> *</strong>");
$(this).parent().append($required);
});
//文本失去焦点后
$("form :input").blur(function(){
var $parent = $(this).parent();
$parent.find(".formtips").remove();
if($(this).is("#designer")){
if($.trim(this.value)=="")
{
var errorMsg = "美观得分不能为空";
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
return;
}else{
var okMsg = "输入正确";
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
}
if($(this).is("#func")){
if($.trim(this.value)=="")
{
var errorMsg = "功能得分不能为空";
$parent.append('<span class="formtips onError">'+errorMsg+'</span>');
return;
}else{
var okMsg = "输入正确";
$parent.append('<span class="formtips onSuccess">'+okMsg+'</span>');
}
} }).keyup(function(){
$(this).triggerHandler("blur");
}).focus(function(){
$(this).triggerHandler("blur");
});
$("#send").click(function(){
$("form :input.required").trigger("blur");//只会响应我们
var numError = $('form .onError').length;
if(numError){
return false;
}
alert("保存成功");
$("#myform").submit();
});
});
弹出层的JS:function tan(){
.................(不写了 反正这个方法没问题 就是怎么和上面的那个验证表单能写在一个script标签里)
}弹出层的代码()
<form>
<div class='top'>
<span class='wenji'>
<strong style='color:red'>REPLAY:</strong>
</span>
<ul class='ulstyle'>
<div class='clear'>
<li class='listyle leftwidth '>美观得分:</li>
<li class='listyle rightwidth'>
<input name='designer' id='designer' type='text' class='large' style='height:15px'/> 
<span style='color:red'>*</span>
</li>
</div>
<div class='clear'>
<li class='listyle leftwidth margintop'>功能得分:</li>
<li class='listyle rightwidth margintop'>
<input name='func' id='func' type='text' class='large' style='height:15px'/>
</li>
</div>
<div class='clear'>
<li class='listyle leftwidth margintop'>数据库得分:</li>
<li class='listyle rightwidth margintop'>
<input name='database' id='database' type='text' class='large' style='height:15px'/> 
<span style='color:red'>*</span>
</li>
</div>
</ul>
<div class='clear bar'>
<input id='mybutton' type='button' value='sdfdsf'/>
<input type='submit' name='button' id='button' value='投稿'/> 
<input name='' type='reset' value='リセット' /> 
<input type='button' value='退出' onclick='hide()' /></div></div></form>
解决方案 »
免费领取超大流量手机卡,每月29元包185G流量+100分钟通话, 中国电信官方发货