How to put validations on a textbox based on another textbox in asp.net using JavaScript?

Question

I have two textboxes in my asp.net application. I want to make txtContact a mandatory field if user enters something in txtName using JavaScript.

Here is my code,

<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>

The problem with above script is, it is working completely fine in Chrome browser but the validation is not working in IE 11.

Any other alternative please?

There is a similar question here. stackoverflow.com/questions/9746815/… — causita
– causita, Commented Feb 12, 2015 at 16:50

jeremylee · Accepted Answer · 2017-06-13 01:39:55Z

0

From my test, I also failed to use "onkeypress" for my code...However, I just to use another to replace this function. First of all, create new function:

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

Then, create function "keypressfunction":

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

This is different from my code and I just add substr to get before character. You may try to test this code and fix it.

answered Jun 13, 2017 at 1:39

jeremylee

211 silver badge3 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to put validations on a textbox based on another textbox in asp.net using JavaScript?

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related