禁用提交按鈕直到驗證

Question

有沒有辦法使用dojo/dijit來禁用提交按鈕，直到表單中的所有字段都有效。有點像在表格裏面有dojo > method > onChange？那麼只有在所有表單元素符合條件時才能啓用提交按鈕？

Answer 1

您是否使用dijit.form.Form小部件作爲窗體？如果你是，我會建議連接到Form的onValidStateChange事件。該docs此事件具體說明你的使用情況：

onValidStateChange 
Defined by dijit.form._FormMixin 
Stub function to connect to if you want to do something (like disable/enable a submit button) when the valid state changes on the form as a whole. Deprecated. Will be removed in 2.0. Use watch("state", ...) instead. 

，看看有什麼活動都可以在給定插件的最好辦法是看API Documentation因爲你是「事件摘要」下感興趣的小工具標題。 dojocampus參考文檔經常會留下一些示例，以引用小部件的一些更加模糊的特徵。

Answer 2

我會建議有一個隱藏的按鈕，將提交表單。當你點擊visbile按鈕時，運行一個驗證所有輸入的javascript函數，然後點擊隱藏的按鈕來提交表單。請在下面找到僞代碼

<form action="register"> 
    <input dojoType="dijit.validation.TextBox"/> 
    <button onClick="validateall()">submit</button> 
    <button id="submitForm" type="submit" hidden="true"/> 
    </form> 

    function validateAll(){ 
     if(AllOk){ 
      clearErrorMessage(); 
      dojo.byId('submitForm').click(); 
    }else{ 
    showErrorMessage(); 
    }