Question

我正在开发一个使用jQuery UI的项目，以及一些其他库。我正在尝试进行输入验证（在onChange事件之后）并且它无法正常工作。我有几个ASP.NET MVC TextBox，我尝试过按类和其他一些方法访问它们，但是它们没有用。

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

这段代码确实有效，但我必须多次重复最后3行（~20），这是不行的。关于问题可能是什么想法？

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

我已经尝试了几种方法来动态获取ID并使用“alphaOnly”类循环遍历所有控件，但仍然无济于事。

Answer 1

您无需获取ID，您只需选择课外即可。而且您不必循环，因为选择器将返回所有匹配项，您可以使用以下内容将结果函数应用于：

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

jQuery UI输入验证（onchange事件）

1 个答案: