請問如何使用jquery validate plugin設定驗證成功的樣式?- 藍色小舖 BlueShop

台灣最大程式設計社群網站

∣免費加入會員∣登入 ∣回首頁∣ 您好

線上人數
1049

會員總數：246691
討論主題：190104

登入

登出

歡迎您免費加入會員

討論區選單

開發工具

行動裝置開發

資料庫

多媒體 / 網管

綜合

文章區

討論區列表 >> Java Script/ Node.js >> 請問如何使用jquery validate plugin設定驗證成功的樣式?

[]

[我要回覆]

請問如何使用jquery validate plugin設定驗證成功的樣式?
價值 : 10 QP 點閱數:1572 回應數:0

樓主

邱邱

0	11
290	4

發送站內信

如下面的,我想把驗證時出現的錯誤訊息[背景紅色]在驗證成功時改成是綠色背景的,可是在成功時他還是保持原本的紅色
可以請板上的高手教教我怎麼設定嗎?

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
    label.valid
    {  
	 width:285px;
	height:30px;
	background:green;
	line-height:30px;
    padding:5px 0 5px 45px;	
	}
	
	label.error
	{
    width:285px;
	height:30px;
	background:red;
	line-height:30px;
    padding:5px 0 5px 45px;
	}
    </style>
  
<script type="text/javascript" src="jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="jquery.validate.min.js"></script>
<script language="javascript" type="text/javascript">
    $(document).ready(function () {

$.validator.addMethod("regex", function (value, element, param) {
        // 強制加上 ^ 與 $ 符號限制整串文字都要符合
        return value.match(new RegExp("^" + param + "$"));
    });
    
    $("#form1").validate({
        rules: {// 定義規則
            username: {
                required: true,
                regex: "[A-Za-z0-9_]+" // 寫法請參考 Regex
            }
           
        }, //end rules
        messages: {// 自定訊息
            username: {
                required: '必填',
                regex: '只能使用英數字'
            }
           
        },
        success: function (label) {             
            label.addClass('valid');           
        }

});

}); // end ready
</script>
</head>
<body>
    <form id="form1" runat="server">
    <asp:TextBox ID="username" runat="server"></asp:TextBox>
    <br />
    <br />
    <asp:Button ID="Button1" runat="server" Text="Button" />
    <br />
    </form>
</body>
</html>

本篇文章發表於2013-09-08 12:54

目前尚無任何回覆

回覆

如要回應,請先登入.