Question

我遵循登录表格，其中有两个HTML5文本框，其中包含所需的数字：

<div id="SignUpForm" class="loginContainer">
    <div style="width: 100%; height: 20px">
        <div class="triangle">
        </div>
    </div>
    <table class="loginForm" align="left">
        <tr>
            <td align="left" class="style1">
                <input id="txtCustEmailID" type="email" name="txtCustEmailID" placeholder="Enter Email ID"
                    required style="width: 195px" />
            </td>
            <td align="left">
                <asp:Button ID="btnCustLogin" runat="server" Text="Sign Up" OnClick="btnCustLogin_Click" />
            </td>
        </tr>
        <tr>
            <td align="left" class="style1">
                <input id="txtCustPwd" name="txtCustPwd" type="password" required placeholder="Enter Password"
                    style="width: 193px" />
            </td>
            <td align="left">
                <input id="btnCancel" type="button" value="Cancel" onclick="cancel('txtCustEmailID','txtCustPwd','SignUpForm')" />
            </td>
        </tr>
        <tr>
            <td colspan="2" align="left" style="font-size: medium; color: #FFFFFF;">
                <a href="#RegOnSrchdialog" name="modal" style="color: #FFFFFF; font-weight: bold"
                    onclick="EnableRegFormTxt('txtCustEmailID','txtCustPwd','SignUpForm')">Register</a>

            </td>
        </tr>
    </table>
</div>

点击锚标记“注册”我正在调用一个javascript函数 EnableRegFormTxt 我正在使用它来禁用登录表单文本框，这样它们的验证也会被禁用，但这个js不起作用由于验证，我无法在页面上发回任何帖子。

js 是：

function EnableRegFormTxt(i, j, k) {
document.getElementById("txtCustFName").disabled = false;
document.getElementById("txtCustLName").disabled = false;
document.getElementById("txtCustREmail").disabled = false;
document.getElementById("txtCustRPwd").disabled = false;
document.getElementById("txtCustRePwd").disabled = false;
document.getElementById("txtCustPh").disabled = false;
document.getElementById(i).disabled = true;
document.getElementById(j).disabled = true;
document.getElementById(k).style = "display:none";

}

请告诉我错误的地方。感谢名单。

Answer 1

希望这会有所帮助：

function makeReadOnly()
        {
         document.getElementById("TextBox1").readonly=true;         
        }

在点击事件或您想要的任何其他事件上调用上述功能。

以下是您的功能：

function EnableRegFormTxt(i, j, k) {
document.getElementById("txtCustFName").readonly = false;
document.getElementById("txtCustLName").readonly = false;
document.getElementById("txtCustREmail").readonly = false;
document.getElementById("txtCustRPwd").readonly = false;
document.getElementById("txtCustRePwd").readonly = false;
document.getElementById("txtCustPh").readonly = false;
document.getElementById(i).readonly = true;
document.getElementById(j).readonly = true;
document.getElementById(k).style = "display:none";
}

Answer 2

你可以试试这个：

   function DisableRegFormTxt(i, j, k) {
    document.getElementById("txtCustFName").setAttribute('readonly');
    document.getElementById("txtCustLName").setAttribute('readonly');
    document.getElementById("txtCustREmail").setAttribute('readonly');
    document.getElementById("txtCustRPwd").setAttribute('readonly');
    document.getElementById("txtCustRePwd").setAttribute('readonly');
    document.getElementById("txtCustPh").setAttribute('readonly');

    }

    function EnableRegFormTxt(i, j, k) {
    document.getElementById("txtCustFName").removeAttribute('readonly');
    document.getElementById("txtCustLName").removeAttribute('readonly');
    document.getElementById("txtCustREmail").removeAttribute('readonly');
    document.getElementById("txtCustRPwd").removeAttribute('readonly');
    document.getElementById("txtCustRePwd").removeAttribute('readonly');
    document.getElementById("txtCustPh").removeAttribute('readonly');

    }

无法使用javascript禁用文本框

2 个答案: