jQuery中的Radiobutton验证

此验证有效，但错误消息显示在移动单选按钮的默认标签之前的单选按钮旁边。有没有一种方法可以将错误消息与右对齐？jQuery中的Radiobutton验证

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

感谢您的帮助。

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

来源

2011-10-09 Helen Neely

你可以试试这个：

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

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

来源

2011-10-09 01:29:56

感谢您的。我知道我错过了什么:) –

我的荣幸@HelenNeely！ –

jQuery中的Radiobutton验证

回答

相关问题