javascript - jQuery 验证表单(检查至少 10 个字符和特定值)

Question

在我的网页上，我有一个表单，用户可以在其中输入其文章的信息。现在我使用 jQuery 来检查输入的值是否不为空，如果是，我会显示一条错误消息。

当前验证

//Story Form
$('.error').hide(); //Hide error message initially

$(".button").click(function() {         //On button click       
    $('.error').hide();  
    var title = $("input#sc_title").val();  
    if (title == "") {                    //if title is empty
        $("label#title_error").show();        //show error
        $("input#sc_title").focus();          //focus on title field
        return false;  
    } 
});

现在它只检查title == ""是否。我将如何编辑代码来检查是否至少输入了 10 个字符，例如如果标题为空且输入的字符少于 10 个，会显示错误吗？

Answer 1

如果用户在标题字段中输入 20 个空格字符，在这种情况下 title.length 返回 20 并且它满足 true 条件，因此您也可以使用 jquery trim

if ($.trim(title) == "" || $.trim(title).length < 10) {
    $("label#title_error").show();        //show error
    $("input#sc_title").focus();          //focus on title field
    return false; 
}