Question

正如标题所示，我想在打开文件时尝试禁用文本框

<form name='registration' action="registration.php" method="post" onSubmit="return    formValidation();">
            <table>
            <tr>
            <td>FirstName:</td>     
            <td><input type = "Text" name = "firstname" id="1"></p></td>
            </tr></table></form>

并使用此JavaScript代码我尝试禁用它

function formValidation(){
    var fn = document.registration.firstname;
    if(fname_validation(fn))  
    {}
document.getElementById("1").disabled=true;
}


function fname_validation(fn){
var fn_len = fn.value.length;
var fn_char = /^[A-Za-z]+$/;
if (fn_len == 0){
    alert("first name cannot empty");

    return false;
}
if(!fn.value.match(fn_char)){
    alert("first name must enter alphabet only");

    return false;
}
else{
return true;
}
}

为什么文本框仍然没有禁用？

Answer 1

首先，没有单选按钮。其次，您何时要禁用文本输入？现在，在表单提交上调用禁用输入的功能。因此，只有在您提交表单时才会禁用您的输入...可能为时已晚。如果要从开始时禁用输入，则输入应如下所示

<input type = "Text" name = "firstname" id="1" disabled="disabled" />

或者如果你想用javascript禁用它，你必须在加载时执行它。像这样：

window.onload = function() {
   document.getElementById('1').disabled = true;
};

Answer 2

如果您希望在页面加载时禁用文本框，请将disabled属性添加到input

<input type = "Text" name = "firstname" id="1" disabled />

使用javascript禁用文本框

2 个答案: