我正在尝试使用 JustValidateJs 库来防止用户提交空表单,并在用户达到字符限制时显示错误消息。然而,出于某种原因,该表单接受了空提交以及500个字符的提交(JustValidate 的限制为499个字符)。尽管如此,错误消息仍然会显示。
这里是表单代码:
<form action="addComment.php" method="post" id="add_comment_form" class="w-50">
<div>
<label for="comment_content">以 <?php echo $commentWriter ?> 发表评论</label>
<textarea id="comment_content" name="comment_content" class="form-control" placeholder="输入评论" maxlength="500" rows="5"></textarea>
</div>
<div class="row justify-content-end mt-3">
<div class="col-auto">
<button type="submit" class="btn btn-primary" id="addCommentBtn">保存更改</button>
</div>
</div>
</form>
JustValidate 代码:
const validateComment = new JustValidate('#add_comment_form');
validateComment
.addField('#comment_content', [
{
rule: 'required',
errorMessage: '字段不能为空',
},
{
rule: 'maxLength',
value: 499,
errorMessage: '评论不能超过500个字符',
}
])
.onSuccess((event) => {
event.preventDefault();
$('#add_comment_form').submit();
});
我试过将输入类型改为 "text",但没有解决问题。