2011-05-20 67 views
0

我有一個窗體在網站上有一個最小的可用空間,所以爲了儘可能小,我拋棄了標籤並使用jquery插件'defaultvalue'來填充所需內容的表單字段 - 例如字段當您加載頁面時,人名全稱爲「請輸入您的姓名」。點擊進入表單字段後,它自行清除,允許您鍵入您的姓名。Jquery表單驗證 - 不能爲空或某個字符串?

一些字段需要驗證使用驗證jQuery插件。諸如電子郵件之類的字段都很好,因爲內容需要成爲電子郵件地址才能進行驗證。

其他領域需要文本內容 - 但我不知道如何驗證它。

例如對於名稱字段,我需要它來驗證=如果字段內容爲空白或「請輸入您的姓名」顯示錯誤。

所以它不能是空白的,所以預設的字符串。

你會如何去使用jquery.validate插件?

形式是這個主頁的左上角:http://www.mediplacements.com/

也有些代碼如下。目前的驗證碼爲:

$("#fp-form").validate({ 
    rules: { 
     fpfieldname: { required: true, minlength: 5 }, 
     fpfieldnumber: { required: true, minlength: 10 }, 
     fpfieldaddress: "required email", 
     fpfieldprofession: { required: true, minlength: 5 }, 
     fpfieldduration: { required: true, minlength: 5 }, 
     cv: { required: true } 
    }, 

的形式如下:

<form id="fp-form" action="" method="post" enctype="multipart/form-data"> 
      <input name="fpfieldname" id="fpfieldname" class="required" title="Your full name" /><br /> 
      <input name="fpfieldnumber" id="fpfieldnumber" class="required" title="Your phone number" /><br /> 
      <input name="fpfieldaddress" id="fpfieldaddress" class="required" title="Your email address" /><br /> 
      <input name="fpfieldprofession" id="fpfieldprofession" class="required" title="Your profession" /><br /> 
      <input name="fpfieldduration" id="fpfieldduration" class="required2" title="Temp or perm" /><br /> 
      <input name="cv" type="file" id="cv" value="" size="10" /> 
      <input alt="Submit" name="Submit" class="send-btn" type="image" id="Submit" src="./img/submit-reg.gif" tabindex="5" /> 
     </form> 

回答

0

只使用jQuery是相當直截了當

var value = $("#fpfieldduration").val(); 
if (value === "" || value == "please enter your name"){ 
    alert("ERROR"); 
} 

http://jsfiddle.net/BJv8j/4/

+0

感謝g19fanatic。雖然我繼承了這項工作,但老闆想把它全部保存在同一個jquery系統中,所以我堅持使用validate插件。 – 2011-05-20 11:43:51

+0

我不添加任何不存在的東西(沒有新的插件)。你有jQuery(很明顯,因爲你使用的是驗證插件),所以添加這個來做驗證,你正在尋找將在任何正常情況下工作:) – g19fanatic 2011-05-20 12:28:56