Javascript & Forms

Question

我目前正在尝试做一个表单，要求用户输入有效的信息。

例如，下面是一个典型的表单：小提琴

我要用户写上姓名和地址。但我希望按钮是不可点击的，直到用户输入他的名字和他的电子邮件(以正确的形式)。

如果按钮不可点击，是否有任何属性允许我访问？类似于：

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());