3

JS代码： 

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

HTML 代码： 

<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 中进行验证。它显示一条警报消息。但我需要的是它必须在未填写时在标签旁边输入您的姓名。如果是这样怎么做。帮帮我谢谢。

4

3 回答 3

2

搜索 jquery 验证插件，其中很多都在网络中可用

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

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

于 2013-07-24T05:32:44.197 回答
1

创建另一个 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>
于 2013-07-24T05:44:20.993 回答
1

以下是带有示例的 jQuery 验证源代码。

Github源码
全部jquery验证Demo

于 2013-07-24T05:40:49.697 回答