Is this the right code to achieve form validation using jquery? [duplicate]

Question

I am trying to validate an input text field using the following code but when i type in any letter it throws the else yet i want it to allow any letter but does not begin with a digit

     <div class="input-group">
        <label for="c_name">Cashier Name
        <input id="c_name" type="text" name="cashier_name"> 
        </label>
    </div>

$(document).ready(function(){
    $( "#c_name" ).keyup(function() {

        var data= /^[A-Za-z]+$/;
    if ($("#c_name").val() == data) {
        $(this).addClass("cash");
        $(this).removeClass("cashs");
    }else{
     $(this).addClass("cashs");
     $(this).removeClass("cash");
    }

});

}); ```

I expect it to add a class cash if it begins with a letter.

Maheer Ali · Accepted Answer · 2019-04-09 14:22:51Z

1

data is RexExp.To check whether string matches the regex you should use RegExp.prototype.test

if (data.test($("#c_name").val()))

$(document).ready(function(){
    $( "#c_name" ).keyup(function() {
        var regex = /^[A-Za-z]+$/;
        if (regex.test($("#c_name").val())) {
            $(this).addClass("cash");
            $(this).removeClass("cashs");
        } else {
            $(this).addClass("cashs");
            $(this).removeClass("cash");
        }
    });
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="input-group">
        <label for="c_name">Cashier Name
        <input id="c_name" type="text" name="cashier_name"> 
        </label>
    </div>

edited Apr 9, 2019 at 14:22

answered Apr 9, 2019 at 14:19

Maheer Ali

36.5k8 gold badges53 silver badges83 bronze badges

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

Collectives™ on Stack Overflow

Is this the right code to achieve form validation using jquery? [duplicate]

1 Answer 1

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Linked

Related