当前位置：首页 → 问答吧 → jquery验证文本框怎么让提示信息显示到文本框的上面呢

jquery验证文本框怎么让提示信息显示到文本框的上面呢

时间：2011-11-30

来源：互联网

我做jquery验证想让提示信息显示到文本框的左上方就像腾讯的那个密码输入框一样输入错了或者没输入就提示密码错误之类的但是提示不是在文本框的后面提示的而是在文本框的上面提示的

作者: shenjianox 发布时间: 2011-11-30

用val方法赋值呗，想赋值给谁不都一样道理

作者: ruogannian 发布时间: 2011-11-30

你写一个<div>，报错的时候，给div里面填入报错信息，然后把div的位置移动到左上方，或者你需要的地方。
……
简单的说，就是你按照你的需要，定义一个东西接收报错信息，报错的时候触发显示，然后移动到你要的位置，

作者: Leo__Zhao 发布时间: 2011-11-30

我用的是jquery啊大家尽量提点实际的东西老说简单我也不知道怎么个简单法

作者: shenjianox 发布时间: 2011-11-30

提示到后面你会吗？

作者: xiaoqiuwyh 发布时间: 2011-11-30

HTML code


<div>
<div id='error'></div>
<form>
登录名：<input type='text' id='loginname'>
</form>
</div>
<script>
$(document).ready(function(){
  $('#loginname').change(function(){
   var val = $(this).val();
   if(val.length<3){
     $('#error').html("注册名不能小于3个字符!");
   }
   else{
     $('#error').html("注册名填写正确!");
   }
  });
});
</script>

这里是一个很简单的验证，你可以把验证做成ajax的，但是总体思路都是这样的。

作者: zhu6100441 发布时间: 2011-11-30

你表单的具体内容是什么贴出来，我给你写下。

作者: xiaoqiuwyh 发布时间: 2011-11-30

HTML code



<div>
<form>
登录名：<input type='text' id='loginname'><span id='error'></span>
</form>
</div>
<script>
$(document).ready(function(){
  $('#loginname').change(function(){
   var val = $(this).val();
   if(val.length<3){
     $('#error').html("注册名不能小于3个字符!");
   }
   else{
     $('#error').html("注册名填写正确!");
   }
  });
});
</script>

根据5楼的改了下，感觉span比较好一些，在用户名的后面

作者: podongxi777442156445 发布时间: 2011-11-30

jQ 不是带着吗以前都是在后边的你把div挪到你想挪的位置不就行了？
<tr><td align="left" > <div class="h2" id="nameTip"></div>
</td>
</tr>
<tr>
<td align="right">姓名：</td>
<td align="center">
<input id="name" name="name" type="text" size="20"/></td>
</tr>
你要放前边就放tr里啊

作者: bujanbusan 发布时间: 2011-11-30

jquery验证文本框怎么让提示信息显示到文本框的上面呢

热门阅读

热门下载