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驗證

回答

相關問題