Yahoo!用戶界面博客（YUIBlog）

銳3窗體模塊-形式和驗證簡單

的模塊銳3畫廊 的表格，目的是使簡單的形式，包括內置的以及定制的驗證和設置從服務器的錯誤的能力。 有所有HTML表單輸入類型的預定義字段類，您可以擴展它們來創建自己的專門量身定制的領域。 驗證是完全定制的實地一級，並包括一個內置的方法，您可以使用驗證電子郵件地址，電話號碼，郵政編碼，日期，時間，IP地址的數量。 在提交或作為字段值的變化內聯時，可以做的驗證。

一個表單對象可以完全生成的腳本中，或直接從標記（支持內置漸進增強的方法）。 這裡的建立從腳本的形式是多麼簡單的一個例子：

 VAR MyForm的新Y.表格（{
	方法：“郵報”，
	行動：“/ test.php的行動 =提交”，
	 inlineValidation：真實，
	領域：
		名稱：INPUT1“，鍵入：”文“，標籤：”電子郵件輸入：驗證器“，”電子郵件“}，
		名稱：“INPUT2”，鍵入：“文”，標籤：“電話號碼輸入：”，驗證程序：“手機”}，
		 {名稱：“choiceinput”，鍵入：“選擇”，標籤：“廣播電台的選擇：”，選擇：
			 {標籤：“選擇一個”，價值：“A”}，
			標籤：“選擇 B”，值：“B”}，
			選擇 {標籤：“C”，值：“C”}
		 ]}，
		 {類型：'提交'，標籤：'提交'}，
		 {類型：'重置'，標籤：'重置'}
	 ]
 }）;
 myForm.render（'＃formContainer'）;

這個例子突出幾個窗體模塊的功能。 的屬性 inlineValidate設置為true，這將導致領域只要他們的valueChange事件觸發來驗證自己。 預先配置電子郵件和電話號碼驗證器以及兩個輸入，一個特殊的領域稱為 ChoiceField使用單選按鈕選擇輸入設置。

請在GitHub上看到更多的例子建設從形式標記，並定義一個自定義的DateField， 重視YUI 2日曆部件輸入。

我希望你找到有用的窗體模塊在應用程序開發，並歡迎任何意見或建議增加功能或修復的錯誤。 欲了解更多信息，請參見GitHub上的文檔。

有關表格組件的問題？ 每個YUI 3畫廊模塊有一個專門的討論論壇; 這裡的窗體模塊之一 。

談話： bloglines | technorati

分享和擴展： 書籤del.icio.us | Digg它！ | 書籤交易！