Javascript jQuery验证表单（检查至少10个字符和特定值）

在我的网页上，我有一个表单，用户在其中输入他们文章的信息。现在，我使用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个，则显示错误？

更改您的

如果改为检查长度-这将检查任何小于10个字符-即也为空：

if (title.length < 10) {
   // Show error message
}

if（title.length<10）{
//显示错误消息
}

非常简单的例子：
这应该可以做到：

if(title.length < 10)

if（title.length<10）
以下是您编辑的代码：

    $('.error').hide(); //Hide error message initially
    $(".button").click(function() {         //On button click

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

$（'.error'）.hide（）//最初隐藏错误消息
$（“.button”）。单击（函数（）{//On按钮单击
$（'.error'）.hide（）；
if（$（“输入#sc#U标题”）.val（）.长度<10）{
$（“label#title_error”）.show（）；//show error
$（“输入#sc#U标题”）.focus（）；//关注标题字段
返回false；
} 
});
如果用户在title字段中输入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; 
}

if（$.trim（title）==“| |$.trim（title）.length<10）{
$（“label#title_error”）.show（）；//show error
$（“输入#sc#U标题”）.focus（）；//关注标题字段
返回false；
}
仅供参考，如果您正在检查
长度<10
则
==”
检查将变得多余。@Rorymcrossan已被删除，因为我看到了我的方法错误！！！时间还早，只喝了一杯茶<代码>$（“输入#sc_title”）。长度

将计算选择器返回的数组中的元素数，而不是字段中值的长度。我的坏。。。谢谢@Rory McCrossanso这只计算字母字符，没有空格，对吗？真的很好，我没想过。哦，我想只要$.trim（title）。长度<10就可以了，所以不需要title==“”是吧？