Javascript 禁用输入字段

标签 javascript input field

好久没来了。我正在处理一个热门项目,但我似乎不知道如何禁用输入文本字段。情况是,我有一个已填写的表单,然后在提交时我将表单保留在原处,但禁用输入字段,因此无法更改它。这样用户就可以继续查看他们提交的内容。

<html> 
    <head> 
    <script> 
    function enableDisable() {
        var disable = true; 
        var arglen = arguments.length; 
        var startIndex = 0; 
        var frm = document.example1; //change appropriate form name

        if (arglen > 0){ 
            if (typeof arguments[0] == "boolean") { 
                disable = arguments[0]; 
                if (arglen > 1) {
                    startIndex = 1; 
                }
            } 
            for (var i = startIndex; i < arglen; i++) {
                obj = eval("frm." + arguments[i]); 
                if (typeof obj=="object") {
                    if (document.layers) {
                        if (disable) { 
                            obj.onfocus = new Function("this.blur()"); 
                            if (obj.type == "text") {
                                obj.onchange = new Function("this.value=this.defaultValue"); 
                            }
                        }
                        else {
                            obj.onfocus = new Function("return");
                            if (obj.type == "text") {
                                obj.onchange = new Function("return");
                            }
                        }
                    }
                    else {
                        obj.disabled=disable;
                    }
                }
            }
        }
    } 
    </script> 
    </head> 
    <body> 
        <form name="example1"> 
            Text Field: <input type="text" name="text1"> 
            <br> 
            <input type="submit" name="control1" onclick="enableDisable(this.submit, 'text1', 'submit', 'select1')"> 
        </form> 
    </body> 
</html> 

最佳答案

我认为您希望文本字段成为只读字段。

禁用文本字段只读文本字段之间存在差异。

READONLY 和 DISABLED 都删除了输入字段的功能,但程度不同。 READONLY 锁定字段:用户无法更改该值。 DISABLED 执行相同的操作,但更进一步:用户不能以任何方式使用该字段,不能突出显示要复制的文本,不能选择复选框,不能提交表单。事实上,即使提交了表单,禁用的字段也不会被发送。

因此,您应该查看这篇文章以获取更多相关信息。 http://www.htmlcodetutorial.com/forms/_INPUT_DISABLED.html

关于Javascript 禁用输入字段,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10662524/

相关文章:

javascript - 在 Highcharts 折线图中传递 null

javascript - 使用大字符串绑定(bind)输入时 Vue 崩溃

javascript - 选择所有元素中最大的高度

选中复选框时 jQuery 切换输入

javascript - 即使我单击输入之外的按钮,如何保持输入焦点

Java - 有一个方法可以将私有(private)字段值传递给另一个类的方法吗?

php - 每次我发送 INSERT 查询时,都会将 + 1 添加到 mysql 数据库的字段。插入(不更新)

java - 从抽象类层次结构中获取正确的字段?

javascript - 从 ng-click 调用时,Angularjs 绑定(bind)不起作用

javascript - 如何修复 FontAwesome 图标在 React 页面加载时变大