下面是一个简单的jQuery代码，用于在未满足给定条件的情况下显示提交表单时的错误消息。这适用于表单提交罚款和显示错误信息，但我想改变它KEYUP功能，似乎很容易，换$('#submit').click(function() {到$("input").keyup(function(){的作品。现在的问题是，keyup如果不满足条件，则会出现错误消息，但如果条件得到满足，错误消息不会消失，直到我转到下一个输入时，留下了一些错误，从而出现了输入错误消息。因此，我需要在代码中进行哪些更改，以便在keyup满足该条件后尽快在disappera上显示错误消息。
<script type="text/javascript">
$(document).ready(function() {
$('#submit').click(function() {
var title = document.getElementById('title').value;
var category = document.getElementById('category').value;
if (category == "") {
$('#er').html('Oops! Please select a category from the options.');
return false;
}
else if (title == "") {
$('#er').html('Oops! Title cannot be empty.');
return false;
}
else if (title.length > 100 || title.length < 5) {
$('#er').html('Oops! Make sure title is 5 to 100 characters long.');
return false;
}
});
});
</script>
.empty()最初尝试在事件处理程序中显示错误消息，
$('input').keyup(function() {
var title = document.getElementById('title').value;
var category = document.getElementById('category').value;
var error = $('#er').empty();
if (category == "") {
error.html('Oops! Please select a category from the options.');
return false;
}
else if (title == "") {
error.html('Oops! Title cannot be empty.');
return false;
}
else if (title.length > 100 || title.length < 5) {
error.html('Oops! Make sure title is 5 to 100 characters long.');
return false;
}
});
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句