Question

JS代码：

<script type="text/javascript">
    function validate() {
       if($('#usr_name').val()==''){
         alert('Enter Your Name!!!');
         $('#usr_name').focus();
         return false;
       }
</script>

HTML code：

<div class="label_left"><label>Name :</label></div>
<div class="text_right">
    <input type="text" name="usr_name" id="usr_name"  value=""  size="30" /><br  /><br  />
</div>

我在jquery中使用这种格式进行验证。它显示一条警告信息。但我需要的是它必须在标签旁边输入你的名字，如果没有填充它是可能的。如果是这样的话怎么做帮帮我谢谢。

Answer 1

搜索jquery验证插件，其中很多都可以在网上找到

参考：http://jqueryvalidation.org/documentation/

演示：http://jquery.bassistance.de/validate/demo/

Answer 2

以下是jquery验证的源代码。

Github source
all jquery validation Demo

Answer 3

创建另一个div，其样式包含display：none，旁边/下方/要验证的元素。如果验证失败，请使用jQuery的.show方法显示隐藏警告。例如：

               <script type="text/javascript">
          function validate() {
   if($('#usr_name').val()==''){
     $("#name_warning_id").show();
     $('#usr_name').focus();
     return false;
      }
   </script>
   <div class="label_left"><label>Name :</label></div>
<div class="text_right"><input type="text" name="usr_name" id="usr_name"  value=""  size="30" /><div class="some_warning_class" id="name_warning_id" style="display:none;background-color:#F4A83D">Enter Your Name</div><br  /><br  />
</div>

标签附近的jquery验证

3 个答案: