jQuery的表單驗證（http://validator.codeplex.com/）不工作的特殊需要

Question

我想使用這個腳本來驗證表單： http://validator.codeplex.com/

我想創建一個輸入字段有一個默認值：「名字和姓氏」

<div class="RightForm"><input type="text" id="firstlastname" name="firstlastname" 
value="First and Last Name" style="width: 175px; float:right;" validate="form" invalid= 
"<b>First and Last Name missing</b><br/>Please enter your First and Last name." 
invalidVal="First and Last Name" /></div> 

如果對方點擊提交不改變這種默認值，我想驗證顯示腳本的默認彈出消息「的名字和姓氏的警告需要...「 - 另外，我不希望該字段留空。所以這個警告應該顯示在兩種情況下。

但是，現在腳本只是顯示「未定義」而不是錯誤消息。

有關我如何解決的任何想法？非常感謝！！

Answer 1

一兩件事，馬上站出來爲這段代碼：

invalid="<b>First and Last Name missing</b><br/>Please enter your First and Last name." 

如果您使用HTML語法字符在HTML屬性，它們必須轉義爲實體或你將有破碎的HTML JavaScript可能無法理解：

invalid="<b>First and Last Name missing</b><br/>Please enter your First and Last name." 

不用說，invalid是不是合法的HTML屬性，這似乎是被純粹用作JavaScript的鉤子。

此外，而不是填充value屬性，你應該使用placeholder代替：

placeholder="First and Last Name" 

這可能會照顧你所遇到的問題的，因爲外地實際上不會有「價值」 ，但如果留空，文本將顯示在輸入中。

旁白：如果你厭倦了你使用的庫，事實上的jQuery驗證庫是這一個：

• http://bassistance.de/jquery-plugins/jquery-plugin-validation/