javascript - jQuery 中的单选按钮验证

标签 javascript jquery html css

此验证有效,但错误消息显示在单选按钮旁边,移动到单选按钮的默认标签之前。有没有办法让错误消息右对齐?

运行代码看看我的意思。

感谢您的帮助。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <title>Form Validation Demo</title>
      <script type="text/javascript" src="jquery.js"></script>
      <script type="text/javascript" src="jquery.validate.js"></script>

      <script type="text/javascript">

            $(document).ready(function() {
                $("#form1").validate({
                    rules: {

                        accept: "required",// simple rule, converted to {required:true}

                    },
                    messages: {

                         accept: "* Required",
                    }
                });
            });

        </script>

    <style type="text/css">
        label.error {  
            color: red;
         }
    </style>

    </head> 

    <body>
        <form id="form1" method="post" action="">
             <div>
            <input type="radio" name="accept" value="accept" /> Accept
             </div>
          <input class="submit" type="submit" value="Submit">

        </form>

     </BODY>
    </html>

最佳答案

你可以试试这个:

label.error {  
    color: red;
    position:absolute;
    left:75px;
}

工作示例: http://jsfiddle.net/jasongennaro/Ja8jr/

关于javascript - jQuery 中的单选按钮验证,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7700763/

相关文章:

javascript - 动态更新/创建对象属性

javascript - jQuery:如何包装选定的文本

javascript - jQuery Deferred 不与 getJSON 调用异步执行

css - 盒子没有对齐正确

javascript - 如何暂停 setInterval() 函数?

javascript - 无法使用javascript找到新窗口的href

javascript - Jquery 对表单选择的影响

javascript - 为什么我的 Bootstrap 3.1.1 'Collapse' 元素会自动关闭?

html - 无论内容如何,​​如何始终将容器水平和垂直居中

html - 是否可以在同一个 html 页面中多次使用 'position relative'?