javascript - 如何使用 JavaScript 在 asp.net 中基于另一个文本框的文本框上进行验证？

Question

我的 asp.net 应用程序中有两个文本框。如果用户使用 JavaScript 在 txtName 中输入某些内容，我希望将 txtContact 设为必填字段。

这是我的代码，

<asp:TextBox ID="txtName" runat="server" CssClass="selectstyle" onkeypress="javascript:AvoidEnter();" MaxLength="10" ValidationGroup="CreateUser" />
<asp:TextBox ID="txtContact" runat="server" CssClass="selectstyle" onkeypress="javascript:AvoidEnter();" MaxLength="20" />
<asp:RequiredFieldValidator ErrorMessage="Please enter contact info" ClientIDMode="Static" ID="rfvContact" Enabled="false" ValidationGroup="CreateUser" ControlToValidate="txtContact" runat="server" />


<script type="text/javascript">
    $(function () {
        $('#<%= txtName.ClientID %>').blur(function () {
            if ($.trim($('#<%= txtName.ClientID %>').val()) != '') {
                //enable container number validator
                ValidatorEnable(document.getElementById('<%=rfvContact.ClientID%>'), true);
            }
            else {
                //disable container number validator
                ValidatorEnable(document.getElementById('<%=rfvContact.ClientID%>'), false);
            }
        });

    });
</script>

上述脚本的问题是，它在 Chrome 浏览器中工作完全正常，但验证在 IE 11 中不起作用。

请问还有其他选择吗？

Answer 1

从我的测试来看，我也未能在我的代码中使用“onkeypress”...但是，我只是使用另一个来替换此功能。首先，创建新函数:

$(document).ready(function () {
    $('#txtContact').change(keypressfunction);  });

然后，创建函数“keypressfunction”:

function keypressfunction()
{
    var txtMessage = document.getElementById("txtName").value;
    if (txtMessage == '') {
        var contactField = $("#txtContact").val();
        if (contactField != '') {
            $('#txtName').val(contactField);
        } 
    }
}

这与我的代码不同，我只是添加 substr 来获取字符之前。您可以尝试测试此代码并修复它。