Question

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>

Answer 1

你可以使用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这个网上有很多实例和教程，很简单的

Answer 2

这是没问题 纯友情展示贴吗？

追问

代码有问题才粘出来。。

追答

你把问题贴出来啊
贴这么一堆 谁知道怎么回事啊？
你的具体问题是什么啊？
是哪里不会还是哪里有错误？

你没发现没人回答吗？
是你的问题根本没法回答
都不知道啥意思

追问

好吧。。就是那个层弹不出来

追答

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="";
}