使用默認值輸入文本的表單驗證

Question

我有一個包含10個輸入文本框的表單，每個表單都有一個默認值，比如'First Name'，'Last Name'。我使用了onblur並專注於這些元素，因爲在文本框旁邊沒有任何描述來指示每個框的用途。示例代碼：

<input type="text" id="o_fname" name="o_fname" value="<?php if (isset($_POST['o_fname'])) echo $_POST['o_fname']; else echo 'First Name'; ?>" tabindex="1" size="36" style="background:#000000;color:#8e8e8e;border-color:#D8D8D8;height:22px;width:200px;" onFocus="if 
(this.value==this.defaultValue) this.value=''; " onBlur="if(this.value=='') this.value=this.defaultValue;"> 

我想驗證在同一頁上這種形式，我想我的jQuery的東西，但問題是，文本框中有一個默認值和jQuery是假設的東西是進入盒子，我沒有正確驗證...有關如何動態驗證此頁面的任何建議，以便用戶無法提交表單，除非他輸入所有字段？

Answer 1

找到了解決辦法，在這裏它是幫助他人：

http://www.javascript-coder.com/html-form/javascript-form-validation.phtml

然後寫一個腳本來執行的表單字段自定義驗證，它會檢查輸入的值是名字或沒有。

Answer 2

如果該值有效，則僅使用默認值。否則，請使用<label>來指示字段的用途。這對於可訪問性也很重要。

正統劇的地方使用默認值：在 正確的格式

• 今天的日期在日期字段中
的普遍選擇的選項
• 複選框/收音機到最
• 默認選擇框的值最常見的 的選擇

Answer 3

要麼創建一個JSON對象與所有的領域和他們的rela泰德默認值，或在JavaScript創建vars

則當提交表單比較提交值恢復爲默認值，如果沒有值與關聯的默認值繼續提交