Javascript＆Forms

Question

我目前正在嘗試做一個表單，要求用戶輸入有效的信息。

例如下面是一個典型的形式：jsfiddle

我希望用戶把姓名和地址。但是我希望按鈕不可點擊，直到用戶輸入他的姓名和他的電子郵件（以正確的形式）。

如果按鈕不可點擊，是否有任何屬性可以讓我訪問？就像：

function validateButtonSubmit { 
    if (validateEmail(email)) { 
     if (validateName(name)) { 
      document.getElementById("submitButton").clickable = true; 
     } 
    } 
} 

最好的辦法是做到這一點，我是否在正確的方向？

Answer 1

你也許可以縮短這件事沒有如果你想要嵌套：

function validateButtonSubmit() { 
    var btnSubmit = document.getElementById("submitButton"); 
    btnSubmit.disabled = !(validateEmail(email) && validateName(name)); 
} 

Answer 2

使用disabled：

document.getElementById("submitButton").disabled = true; 

Answer 3

您可以在元素上的removeAttribute調用（），然後調用setAttribute你驗證表單後：

var button = document.getElementById('submitButton'); 
button.removeAttribute('click'); 
// validation stuff 
button.setAttribute('click', submitForm());