js实现点击输入用户名或密码的文本框在旁边弹出提示语
<td align="left">
<input type="text" class="text" value="邮箱/用户名/手机号" style="color:#757575" onclick="openDialog(event,one)"
onfocus="if(this.value=='邮箱/用户名/手机号') {this.value='';this.style.color='#757575';}"
onblur="if(this.value=='') {this.value='邮箱/用户名/手机号';this.style.color='#757575';}"/>
</td>
<td>
<div id="one">
<input type="text" class="mytext" value="请输入邮箱/用户名/手机号" style="bgcolor:#F2F2F2; height:35px; width:265px; vertical-align:middle; line-height:35px; display:none">
</div>
</td>
<script>
function openDialog(e,one){
document.getElementById("one").style.display="block";
e=e||window.event;
if(+'\v1'){
e.stopPropagation();
}
else{
e.cancelBubble=true;
}
}
</script>
你可以使用formValidator.js，专门做表单验证的，效果如下：
用法很简单，引用formValidator.js的核心类库，然后初始化$.formValidator.initConfig({formid: "main",debug:false,submitOnce : true});
然后对要做校验的文本框编写校验代码
$("#employeeNo").formValidator({onshow : "输入范围为1到10个字符",
onfocus : "输入范围为1到10个字符",oncorrect : " "}).inputValidator({
min: 1, max: 10, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到10个字符"});
$("#employeeName").formValidator({onshow : "输入范围为1到40个字符",
onfocus : "输入范围为1到40个字符",oncorrect : " "}).inputValidator({
min: 1, max: 40, empty:{leftempty:false,rightempty:false,emptyerror:"该字段左右不允许出现空格"}, onerror : "输入范围为1到40个字符"});
在后面对应的<div id="employeeNoTip"></div>显示提示语
formValidator.js这个网上有很多实例和教程，很简单的
代码有问题才粘出来。。
追答你把问题贴出来啊
贴这么一堆 谁知道怎么回事啊？
你的具体问题是什么啊？
是哪里不会还是哪里有错误？
你没发现没人回答吗？
是你的问题根本没法回答
都不知道啥意思
好吧。。就是那个层弹不出来
追答
function openDialog(e,one){
document.getElementById("one").style.display="block";
document.getElementById("one").innerHTML="邮箱/用户名/手机号";
}
function closeDialog(e,one){
document.getElementById("one").style.display="none";
document.getElementById("one").innerHTML="";
}
