Question

此验证有效，但错误消息显示在无线电按钮的默认标签之前移动的无线电按钮旁边。有没有办法将错误消息对齐到右边？

运行代码以查看我的意思。

感谢您的协助。

<!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>

Answer 1

你可以试试这个：

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

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

jQuery中的单选按钮验证

1 个答案: