2012-03-16 48 views
0

我有一個按鈕,提交表單。更改按鈕類時,表單輸入有效

<input type="button" class="disabled" id="submitbutton" name="Continue" title="Continue" value="Continue" onclick="NextPage('CON');" /> 

我想從自動更改類按鈕的「禁用」,「啓用」的基礎上的投入在我的形式(其中有值相當多的組合,即我不能只將它們全部列爲需要值 - 是否有必要輸入條件)。

我想做到這一點在JavaScript/AJAX/JQuery的使按鍵類變化爲所有需要的輸入都有效,一旦發生,而不是某種刷新發生做服務器端驗證。

我真的不知道從哪裏開始:

我只好沿着

function ChangeButton() 
{ 
if (document.forms[0].QUESTIONID.value != "") && (document.forms[0].QUESTIONIDTWO.value != "") etc etc.... 
{ 
document.getElementById('submitbutton').class = 'enabled'; 
} 
} 

線的東西,但我無法得到它的工作 - 它只是工作的第一個值 - 我在下拉列表中添加了一個onchange =「ChangeButton()」以進行驗證。

如果有人能夠給我一些建議,我會萬分感謝!

謝謝你的幫助迄今爲止 - 括號似乎是在那裏我失敗:

function ChangeButton() 
{ 
if 
((document.forms[0].IPR_TITL.value != "") && (document.forms[0].IPR_FNM1.value != "")     && (document.forms[0].IPR_FNM1.value != "") && (document.forms[0].IPR_SURN.value != "") && (document.forms[0].IPR_GEND.value != "") && (document.forms[0].IPR_DOB.value != "") && (document.forms[0].IPQ_CRIM.value != "") && (document.forms[0].IPQ_ETHC.value != "") && (document.forms[0].IPQ_DSBC.value != "") && (document.forms[0].IPQ_MARK1.value != "") && (document.forms[0].IPQ_NATC.value != "") && (document.forms[0].IPQ_COBC.value != "") && (document.forms[0].IPQ_COD.value != "") && (document.forms[0].IPQ_FIVE.value != "") && (document.forms[0].IPQ_PERM.value != "") && (document.forms[0].IPQ_VISF.value != "") && (document.forms[0].IPQ_A_USD.value != "") && (document.forms[0].IPR_HAD1.value != "") && (document.forms[0].IPR_HAD3.value != "") && (document.forms[0].IPR_HTEL.value != "") && (document.forms[0].IPR_HAEM.value != "") && (document.forms[0].IPQ_FEES.value != "") && (document.forms[0].IPQ_REF1TIT.value != "") && (document.forms[0].IPQ_REF1ORG.value != "") && (document.forms[0].IPQ_REF1POS.value != "") && (document.forms[0].IPQ_REF1AL1.value != "") && (document.forms[0].IPQ_REF1AL3.value != "") && (document.forms[0].IPQ_REF1AL5.value != "") && (document.forms[0].IPQ_REF1EMA.value != "") && (document.forms[0].IPQ_DISC.value != "")) 
&& 
((document.forms[0].IPQ_PERM.value != "") && (document.forms[0].IPQ_FIVE.value != "N")) 
&& 
((document.forms[0].IPQ_AGNT.value != "") && (document.forms[0].IPQ_A_USD.value != "Y")) 
&& 
((document.forms[0].IPQ_CSTRT.value != "") && (document.forms[0].IPQ_A_USD.value != "N") && (document.forms[0].IPQ_CENDD.value != "") && (document.forms[0].IPQ_CAD1.value != "") && (document.forms[0].IPQ_CAD3.value != "") && (document.forms[0].IPQ_CAD4.value != "") && (document.forms[0].IPQ_CAPC.value != "") && (document.forms[0].IPQ_CTEL.value != "")) 
&& 
((document.forms[0].IPQ_AWDB.value != "") && (document.forms[0].IPQ_FEES.value != "") && (document.forms[0].IPQ_FEES.value != "Private Funds Self or Family") && (document.forms[0].IPQ_AWDS.value != "")) 
&& 
((document.forms[0].IPQ_RESEARCH.value = "Y") && (document.forms[0].IPQ_RESSRT.value != "") && (document.forms[0].IPQ_RESMOA.value != "") && (document.forms[0].IPQ_RESAR.value != "") && (document.forms[0].IPQ_RESDIS.value != "")) 
{ 
document.getElementById('submitbutton').className = 'processbuttons'; 
} 
else { 
document.getElementById('submitbutton').className = 'enabled'; 
} 
} 

我已經試過各種組合,試圖得到這個工作,但似乎無法封閉正確使用括號的正確組合。

再次,如果有人能在正確的方向指向我,我會非常感激!

+0

我說爲什麼不JQuery的...但好吧,我想湯姆給一個awnser – MakuraYami 2012-03-16 09:49:29

回答

0

你忘了括號;

if (document.forms[0].QUESTIONID.value != "") && (document.forms[0].QUESTIONIDTWO.value != "") { 
.... 
} 

代替使用此:

if ((document.forms[0].QUESTIONID.value != "") && (document.forms[0].QUESTIONIDTWO.value != "")) { 
.... 
} 
0

使用

document.getElementById('submitbutton').className = 'enabled'; 

改變元素的CSS類

0
function ChangeButton() 
{ 
    if 
    ((document.forms[0].IPR.value == "") && (document.forms[0].FNM1.value == "") && (document.forms[0].FNM1.value == "") && (document.forms[0].SURN.value == "") && (document.forms[0].GEND.value == "") && (document.forms[0].DOB.value == "") && (document.forms[0].CRIM.value == "") && (document.forms[0].ETHC.value == "") && (document.forms[0].DSBC.value == "") && (document.forms[0].MARK1.value == "") && (document.forms[0].NATC.value == "") && (document.forms[0].COBC.value == "") && (document.forms[0].COD.value == "") && (document.forms[0].FIVE.value == "") && (document.forms[0].PERM.value == "") && (document.forms[0].VISF.value == "") && (document.forms[0].USD.value == "") && (document.forms[0].HAD1.value == "") && (document.forms[0].HAD3.value == "") && (document.forms[0].HTEL.value == "") && (document.forms[0].HAEM.value == "") && (document.forms[0].FEES.value == "") && (document.forms[0].REF1TIT.value == "") && (document.forms[0].REF1ORG.value == "")  && (document.forms[0].REF1POS.value == "") && (document.forms[0].REF1AL1.value == "") && (document.forms[0].REF1AL3.value == "") && (document.forms[0].REF1AL5.value == "") && (document.forms[0].REF1EMA.value == "") && (document.forms[0].DISC.value == "") 
     && 
     ((document.forms[0].PERM.value == "") && (document.forms[0].FIVE.value == "N")) 
     && 
     ((document.forms[0].AGNT.value == "") && (document.forms[0].USD.value == "Y")) 
     && 
     ((document.forms[0].CSTRT.value == "") && (document.forms[0].USD.value == "N") && (document.forms[0].CENDD.value == "") && (document.forms[0].CAD1.value == "") && (document.forms[0].CAD3.value == "") && (document.forms[0].CAD4.value == "") && (document.forms[0].CAPC.value == "") && (document.forms[0].CTEL.value == "")) 
     && 
     ((document.forms[0].AWDB.value == "") && (document.forms[0].FEES.value == "") && (document.forms[0].FEES.value == "Private Funds Self or Family") && (document.forms[0].AWDS.value == "")) 
     && 
     ((document.forms[0].RESEARCH.value == "Y") && (document.forms[0].RESSRT.value == "") && (document.forms[0].RESMOA.value == "") && (document.forms[0].RESAR.value == "") && (document.forms[0].RESDIS.value == ""))) 
     { 
     document.getElementById('submitbutton').className = 'enabled'; 
     } 
    else { 
     document.getElementById('submitbutton').className = 'disabled'; 
    } 
} 

與括號中的代碼更正