3
我有以下代码:jQuery的表单验证逻辑
function showError(l, msg) {
$('#'+l).css({'color':'red'});
$('#error').html(msg).fadeIn(500);
}
$(document).ready(function(){
$('#form').submit(function() {
if($('#username').val() == '') {
showError('labelUser', 'Please enter a username');
return false;
}
if($('input[type=password]')[0].value != $('input[type=password]')[1].value) {
showError('labelPassword', 'Password does not match');
return false;
}
// etc...
$('label').css({'color':'black'});
$('#error').html('').fadeOut(200);
return true;
});
});
我在我的形式总计10场(姓,名,电子邮件等)。正如你可以在我的脚本(//etc...
)中看到的那样,如果一个字段是有效的,我会一遍又一遍地重复同样的情况。
我认为重复showError
和return false
不是一个好的解决方案。
是否有更简单的方法(或更好)使用验证数据?谢谢
有没有原因你不使用jQuery验证插件?它使这种类型的事情变得非常简单。 – BNL