jQuery UI Input Validation (onchange event)

Question

I'm working on a project that uses jQuery UI, along with a few other libraries. I'm trying to do input validation (after onChange event) and it's not working correctly. I have several ASP.NET MVC TextBox's and I've tried accessing them by class, and a few other ways, but they're not working.

<%=Html.TextBox("Name1", Model.Customer.FirstName, new { style = "width:200px", @class="alphaOnly", onchange = "InputValidation();"  })%>

This bit of code does work, but I'd have to repeat the last 3 lines several times (~20), which is no good. Any ideas on what the problem could be?

function InputValidation() {
var className = $('.alphaOnly').attr('class');
var regexAlpha = new RegExp('[^[a-zA-Z]+$'); 
var value = $("#Name1").val();
value = value.replace(regexAlpha, '');           
$("#Name1").val(value);

I've tried several methods to get the ID dynamically and to loop through all the controls with the "alphaOnly" class, but still to no avail.

mafafu · Accepted Answer · 2013-03-22 19:35:10Z

1

You don't have to get the ID, you can already just select off class. And you don't have to loop, because the selector will return all the matching items and you can apply a function to the results with something like:

function InputValidation(){
    var regexAlpha = new RegExp('[^[a-zA-Z]+$');
    $(".alphaOnly").each(function(){
        this.value = this.value.replace(regexAlpha, '');
    });
}

answered Mar 22, 2013 at 19:35

mafafu

1,2861 gold badge17 silver badges22 bronze badges

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

1 Comment

Justin Over a year ago

I wasn't able to get it to work. I had to use the manual code below. I think it has something to do with jQuery UI, but I really have no clue. I'll just hard-code the non-dynamic code and check it in. Thanks for your help, that looks exactly what I was looking for.

Collectives™ on Stack Overflow

jQuery UI Input Validation (onchange event)

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related