帶有文本框值的Jquery文本框驗證

我有一對文本框，其中包含值。我使用onfocus和onblur來清除用戶點擊文本框時的值。我也試圖驗證文本框，但由於框中已經有一個值，所以驗證不起作用。有沒有一種方法可以讓驗證忽略該值（即名字）？帶有文本框值的Jquery文本框驗證

謝謝！

<script type="text/javascript"> 

var j = jQuery.noConflict(); 

    j(document).ready(function() { 


     j("#ContactUs_Solutions_EN2012").validate({ 

     rules: { 
realname: "required", 
email: { 
    required: true, 
    email: true 
} 
}, 
messages: { 
realname: "<p style='color:red; font-size:12px; margin:-10px 0 0px 0; padding:10px 0px 10px 10px ; text-align:right;'>Please specify your name</p>", 
email: { 
    required: "<p style='color:red; font-size:10px; margin:-10px 0 0px 0; padding:0; text-align:right;'>We need your email address to contact you</p>", 
    email: "Your email address must be in the format of [email protected]" 
    } 
} 
     }); 
    }); 
</script> 

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" value="First Name" >

來源

2012-06-22 onei0120

向我們展示您在帖子中描述的代碼。 –

代碼，以便我們可以回答你的問題 –

對不起，男士，你去 – onei0120

由於您在您的文本框中放置了一個值，您的驗證將不起作用。將值更改爲佔位符。您不必花費大量時間和精力去清除價值，因爲佔位符會爲您做。

<input style="WIDTH: 275px" id="First_Name" name="realname" class="required" size="25" minlength="2" placeholder="First Name" >

來源

2012-06-22 21:16:06

isnt placeholde一個html5屬性，如果用戶瀏覽器不支持HTML5？ – onei0120

您可以創建一個全局布爾變量並將其初始化爲false。在您的「onfocus」函數中，只需將布爾值更改爲true即可。如果您的布爾變量爲true，則只顯示錯誤消息。

另外，您可以使用HTML 5特性的「佔位符」

這基本上是與實際出發在文本框中把一個值是否在關注部分爲您服務。

請參閱http://www.w3schools.com/html5/att_input_placeholder.asp瞭解更多詳情。

來源

2012-06-22 21:11:45

帶有文本框值的Jquery文本框驗證

回答

相關問題