我有一個窗體在網站上有一個最小的可用空間,所以爲了儘可能小,我拋棄了標籤並使用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>
感謝g19fanatic。雖然我繼承了這項工作,但老闆想把它全部保存在同一個jquery系統中,所以我堅持使用validate插件。 – 2011-05-20 11:43:51
我不添加任何不存在的東西(沒有新的插件)。你有jQuery(很明顯,因爲你使用的是驗證插件),所以添加這個來做驗證,你正在尋找將在任何正常情況下工作:) – g19fanatic 2011-05-20 12:28:56