2012-02-15 63 views
0

非常感謝您提供任何幫助。JQuery Valdiation - 不需要但驗證

我寫使用jQuery驗證插件的簡單形式。

我的頭兩個字段是姓名和電子郵件,這些都是必需的。

我的第三個領域是一個電話號碼,但是是可選的。

在每場我都在文本框(例如這裏輸入你的名字,在這裏輸入你的手機,在這裏輸入你的電子郵件)的初始值

我已經加入的元素,因此如果該字段沒有改變,它將返回錯誤消息。

我的問題是我使用jQuery的 2)驗證電話號碼框中,如果它不是需要具有以下

1)電話號碼驗證問題,但如果用戶犯規鍵入任何內容,葉不扔一個錯誤它的默認值

這裏是我的jQuery代碼

<script> 
$(document).ready(function(){ 

$.validator.addMethod(
'noPlaceholder', function (value, element) { 
    return value !== element.defaultValue; 
}, 'Please enter a value.' 
); 



$("#drform").validate({ 

rules: { 
    name: "required", 
    email: "required email", 

}, 

    messages: { 
    name: "Enter your name", 
    email: "Enter your primary email address", 

}, 
    category: { 
    notEqual: "Enter Your Name Here...", 
    notEqual: "Enter Your Email Here..." 
}, 


errorPlacement: function (error, element) { 
     error.insertBefore(element.prev()); 
     element.parent().addClass('error'); 


} 

}); 
    }); 
    </script> 

,這裏是我的表單代碼

<div class="is-selection3"> 
<div style="width: 200px;"> 
<div class="errormsg"></div> 
<input name="name" type="text" size="30" class="is-input noPlaceholder" id="name" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Your Name Here...':this.value;" value="Enter Your Name Here..." ><br> 
<input name="email" type="text" size="30" class="is-input" id="email" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Your Email Here...':this.value;" value="Enter Your Email Here..."><BR> 
<input name="mobile" type="text" size="30" class="is-input mobile" id="mobile" onclick="this.value='';" onfocus="this.select()" onblur="this.value=!this.value?'Enter Your Phone Number Here...':this.value;" value="Enter Your Phone Number Here..."> 
<BR> 
<center><input type="submit" name="button" id="button" value="Submit" /></center> 
</div> 

上如果默認是不存在的,我可以怎麼驗證的任何想法,但沒有把它也需要?

回答

0

小費...儘量不要使用「ONEVENT」屬性,使用JavaScript編寫的文件的JavaScript動作。

關於你的問題,自HTML5出現以後,你可以使用placholder和requeried屬性,並添加一個jQuery插件來處理不支持這些屬性的瀏覽器。

一些插件這些屬性:

GitHub - Mathias Byens - jQuery Placeholder Plugin

GitHub - Daniel Stocks - jQuery Placeholder Plugin

Webcloud - jQuery Placeholder Plugin

Ilia Draznin - jQuery Placeholder Plugin

GetHiFi - jQuery Handler to required attribute

和U希望與輸入celphone數究竟是什麼面具輸入的輸入插件:]

DigitalBush - Masked Input Plugin

Webappers - jQuery Masked Input Plugin

Conetrees - jQuery Masked Input Plugin