使用Jquery事件输入数据时如何验证输入？
$("#lname").blur(function() {
if ($("#lname").val().trim().match(/^[a-zA-Z ]+$/)) {
$("#lname").css({"border":"1px solid #cecece"});
$("#error_lname").css("display","none");
}
else{
$("#error_lname").css("display","block");
}
});
如果要验证用户类型，请使用input事件代替blur：
$("#lname").on('input', function() {
if ($("#lname").val().trim().match(/^[a-zA-Z ]+$/)) {
$("#lname").css({"border":"1px solid #cecece"});
$("#error_lname").css("display","none");
}
else{
$("#error_lname").css("display","block");
}
});
但是，您应该注意，为了遵循最佳实践，应避免使用css()，而是添加/删除在外部样式表中定义的类，如下所示：
$("#lname").on('input', function() {
var $el = $(this);
var valid = $el.val().trim().match(/^[a-zA-Z ]+$/);
$el.toggleClass('invalid', !valid);
$el.next('.error-msg').toggle(!valid);
});
.invalid { border: 1px solid #CECECE; }
请注意，以上假设input您要验证的兄弟姐妹具有以下同级字符，即错误消息，其类别为.error-msg。以这种方式组织逻辑意味着可以容易地通用化验证逻辑-而不是由于#error_lname选择器而与每个控件绑定。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句