Javascript 我可以用JQuery以某种方式设置一些HTML5验证吗？

因此，我的表单中有一个

textarea

，它有一个

minlength=“15”

和

maxlength=“2000”

。但这意味着当用户达到2000个字符时，他就不能再输入了。我希望用户能够输入更多字符，但在提交时使用客户端验证来检查

textarea

值是否有效。如果不是，我想使它无效，并显示默认的HTML5验证气泡。以下是我目前的代码：

textarea{
最小高度：100px；
最小宽度：250px；
}
#查理{
颜色：红色；
}

0/15


函数countChar（val）{
让长度=val.value.length；
如果（长度>15和长度<2000）{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'#27ae60'）；
}否则，如果（长度<15）{
$（'#charLeft'）.html（长度+'/15'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}否则{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}
}

您可以允许用户键入超过2000个字符，然后返回自定义错误消息，但您不能这样做并显示默认的HTML5错误。要实现前者，请删除

maxlength=“2000”

并在表单中添加一个

onsubmit

侦听器，在该侦听器中，您将检查文本长度是否超过2000个字符，然后决定是否提交表单

函数countChar（val）{
让长度=val.value.length；
如果（长度>15和长度<2000）{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'#27ae60'）；
}否则，如果（长度<15）{
$（'#charLeft'）.html（长度+'/15'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}否则{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}
}
$（'descripbeissue'）。在（'submit'，函数（事件）{
如果（$（'#descripbeissue'）.value.length>2000）{
event.preventDefault（）；
}
});
textarea{
最小高度：100px；
最小宽度：250px；
}
#查理{
颜色：红色；
}

0/15


您可以允许用户键入超过2000个字符，然后返回自定义错误消息，但您不能这样做并显示默认的HTML5错误。要实现前者，请删除
maxlength=“2000”
并在表单中添加一个
onsubmit
侦听器，在该侦听器中，您将检查文本长度是否超过2000个字符，然后决定是否提交表单


函数countChar（val）{
让长度=val.value.length；
如果（长度>15和长度<2000）{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'#27ae60'）；
}否则，如果（长度<15）{
$（'#charLeft'）.html（长度+'/15'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}否则{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}
}
$（'descripbeissue'）。在（'submit'，函数（事件）{
如果（$（'#descripbeissue'）.value.length>2000）{
event.preventDefault（）；
}
});
textarea{
最小高度：100px；
最小宽度：250px；
}
#查理{
颜色：红色；
}

0/15


在HTML中，删除maxlength属性。这将允许用户键入超过2000个字符。在JS中，添加一个检查的提交处理程序，如下所示：


函数countChar（val）{
让长度=val.value.length；
如果（长度>15和长度<2000）{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'#27ae60'）；
}否则，如果（长度<15）{
$（'#charLeft'）.html（长度+'/15'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}否则{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}
}
$（“表格”）。提交（（e）=>{
var val=$（“#描述问题”）.val（）；
如果（parseInt（val.length）>2000）{
e、 预防默认值（）；
警惕（“到长！”；
}否则{
//用户通过了该长度
}
});
textarea{
最小高度：100px；
最小宽度：250px；
}
#查理{
颜色：红色；
}

0/15


在HTML中，删除maxlength属性。这将允许用户键入超过2000个字符。在JS中，添加一个检查的提交处理程序，如下所示：


函数countChar（val）{
让长度=val.value.length；
如果（长度>15和长度<2000）{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'#27ae60'）；
}否则，如果（长度<15）{
$（'#charLeft'）.html（长度+'/15'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}否则{
$（'#charLeft'）.html（长度+'/2000'）；
$（'charLeft'）.css（'color'，'e74c3c'）；
}
}
$（“表格”）。提交（（e）=>{
var val=$（“#描述问题”）.val（）；
如果（parseInt（val.length）>2000）{
e、 预防默认值（）；
警惕（“到长！”；
}否则{
//用户通过了该长度
}
});
textarea{
最小高度：100px；
最小宽度：250px；
}
#查理{
颜色：红色；
}

0/15


谢谢！这里唯一的问题是，我想找到一种方法，看看你是否能告诉表单这个
textarea
是无效的，因此，它将执行正常的
无效的
操作符。如果不可能，不用担心。我还是会接受这个答案！这里有一个链接可以帮到你：@JasonD'SilvaThanks！这里唯一的问题是，我想找到一种方法，看看你是否能告诉表单这个
textarea
是无效的，因此，它将执行正常的
无效的
操作符。如果不可能，不用担心。我还是会接受这个答案！这里有一个链接可以帮助你做到这一点：@JasonD'Silva