单选按钮的错误消息对齐方式

时间:2014-01-13 10:54:32

标签: javascript jquery html css

我需要修复单选按钮的验证错误

例如:单选按钮 - 上传和单选按钮 - 嵌入式

在此,单选按钮和内容上传之间会出现错误消息。但我不希望这样,实际上我需要在内容上传后出现错误信息。

如何解决此问题

    <form class="admin_forms" id="video_form" action="" method="post">
   <div class="hv_details row-fluid">
     <div class="span2">Select Video Type<span class="star">*</span></div>
     <label class="checkbox">
     <input id="radio_1" type="radio" name="radio_group_1" value="upload">
      Upload a Video</input></label>
       <label class="checkbox">
       <input id="radio_2" type="radio" name="radio_group_1" value="embed">
      Youtube embeded code</input>
        </label>
        </div>
      </form>

 <script>
   $("#video_form").validate({

           rules: { 
             radio_group_1:"required",
          },
           message:{
            radio_group_1:"Please Select Video Type",
          }


 </script>

我尝试位置:绝对但是对于响应式网站,它固定在该位置而不是响应。

先谢谢。

1 个答案:

答案 0 :(得分:0)

您可以使用appendappendTo

示例:

<div id="main">
  <div class="inner"></div>
  <p>Hello</p>
</div>

jquery的:

$('#main p').appendTo('#main .inner');

这会将p转移到内部div。

<div id="main">
  <div class="inner"><p>Hello</p></div>
</div>