如何拆分传递给setCustomValidity的文本(HTML5)
在HTML5中，setCustomValidity方法用于设置表单元素的自定义验证消息。当表单元素的值不符合预期时，可以使用该方法来显示自定义的错误消息。
要拆分传递给setCustomValidity的文本，可以使用字符串的split方法。split方法接受一个分隔符作为参数，并将字符串分割成一个字符串数组。可以使用该方法将文本按照特定的分隔符进行拆分。
以下是一个示例代码，演示如何拆分传递给setCustomValidity的文本：
<!DOCTYPE html>
<html>
<head>
<title>Splitting text for setCustomValidity</title>
</head>
<body>
<form>
<input type="text" id="myInput" required>
<button type="submit">Submit</button>
</form>
<script>
document.querySelector('form').addEventListener('submit', function(event) {
var input = document.getElementById('myInput');
var inputValue = input.value;
// 拆分文本，使用分号作为分隔符
var messages = inputValue.split(';');
// 设置自定义验证消息
input.setCustomValidity(messages[0]);
event.preventDefault();
});
</script>
</body>
</html>在上述示例中，我们通过分号将文本拆分成多个错误消息，并将第一个错误消息设置为表单元素的自定义验证消息。
需要注意的是，setCustomValidity方法只能设置一个错误消息，因此如果有多个错误消息需要显示，可以选择只显示第一个错误消息，或者根据具体需求进行适当的处理。
希望以上信息对您有所帮助！如果您需要了解更多关于HTML5的知识或其他云计算相关的问题，请随时提问。
相关·内容
我正在使用HTML5验证在表单中输入的数据。有没有办法打破作为setCustomValidity()方法的参数传递的字符串？
我尝试过回车和换行符的不同组合，但都不起作用。我编辑了我的文本并将其缩短，但我想知道是否有方法可以做到这一点？.*" oninvalid="this.setCustomValidity('Put a valid name!oninput="this.setCust
浏览 5提问于2018-07-22得票数 0
1回答
我有用于输入的自定义html5错误消息，这将更改chrome中的验证错误文本。<input我怎么才能用角度指令做这件事呢？更新的
比方说，我希望输入<in
浏览 1提问于2014-10-31得票数 1
我在用javascript中的addeventlistener验证html中的文本框元素的值时遇到了困难。它无法通过以下方式正确验证我的输入： <div class ="col-lg-8">
浏览 2提问于2014-10-22得票数 0
Twitter Bootstrap中有哪些属性，我如何更改弹出的消息？而不是“请填写此字段”。我想要另一个翻译。这是否以某种方式与原始活动记录错误消息有关？
浏览 1提问于2013-03-12得票数 2
回答已采纳
1回答
>" oninput="setCustomValidity('')"> required oninvalid="setCustomValidity('Fill in the time')"
oninp
浏览 1提问于2014-12-14得票数 0
回答已采纳
4回答
我正在尝试HTML5验证和本地化，并设法获得了一些代码，这些代码允许我本地化HTML5验证错误消息(见下文)。我的问题是，在Chrome中，当匹配一个模式时，你仍然会得到一个英文弹出窗口(或者我猜是你设置的任何语言)“请匹配请求的格式”。如何抑制此弹出窗口，以便我可以只使用自己的验证消息？Anna nimesi");
浏览 0提问于2012-10-25得票数 8
如何检查html5输入字段是否为空？我正在尝试通过使用必需的文本输入来覆盖给定的本机验证消息。下面是我的代码现在的样子： $(document).ready(function(){ if
浏览 3提问于2012-02-14得票数 0
回答已采纳
3回答
我有一个用户输入作为“文本”，但人们坚持键入他们的电子邮件地址的输入。此代码检查输入是否为电子邮件，我需要相反的加输入类型的文本。[a-z]{2,}$"></form>这就是我如何使用它与自定义验证消息。
pattern="THIS
浏览 0提问于2019-05-13得票数 2
回答已采纳
我创建了一个具有HTML5特性的表单。我是用setCustomValidity函数定制的错误消息。但是大多数输入字段都需要显示错误消息onfocusout事件。我做这段代码就是为了实现这一点。form").bind("change" , function(e){ if(field.is(":invalid")){
ele.setCustomValidity(errorMessage);
浏览 0提问于2013-04-13得票数 1
1回答
我想用setCustomValidity覆盖html5电子邮件输入的验证器。 if(this.validity.valueMissing){
e.target.setCustomValidity("ایمیل خود را وارد کنید.&qu
浏览 0提问于2019-07-28得票数 0
2回答
我有一个非常简单的表单，有一个输入字段和一个提交按钮： <input type="number" min="1" /> <input type="submit我还注意到，当我在无效输入字段上悬停时，alt被设置为相同的验证消息。是否有可能改变alt-文本，你是如何做到的？
浏览 1提问于2016-11-28得票数 1
回答已采纳
11回答
必填字段自定义验证<input type="text" name="topicName" id="topicName" required /> e.target.setCustomValidity("Please enter Room
浏览 175提问于2012-12-10得票数 119
回答已采纳
当提交按钮单击并需要覆盖HTML5默认消息时，我希望显示自定义消息。我写了下面的代码。文件输入控件的行为方式不同。当我第一次提交按钮时，没有显示错误信息，但是当我第二次单击它时，它会显示我的自定义消息。请帮帮我。谢谢。：
<input type='text' class='common' required='true&#
浏览 0提问于2018-12-23得票数 1
回答已采纳
1回答
如何检查HTML5的输入型电子邮件丢失焦点的验证？<input type="email" name="useremail" onblur="setCustomValidity('Plz enter email ')" />
浏览 0提问于2012-04-28得票数 2
我正在使用setCustomValidity使用HTML5来验证表单并更改错误消息文本。除了某些原因，我就是不能让它工作。我在控制台或其他地方没有收到错误消息。我试图获取"data- error“属性中的内容，并将其用作自定义错误消息，但我花了几个小时才弄清楚这一点。; $this[i].oninvalid = function(e) {
e.target.setCustomValidity<
浏览 0提问于2013-06-12得票数 4
回答已采纳
我正在尝试更改html5表单域中错误消息的语言。我有这样的代码：但在提交时，即使字段不是空的，我仍然会收到错误消息。我试着用<input type="
浏览 3提问于2012-05-25得票数 68
回答已采纳
1回答
Html5必需属性通常会添加错误信息“请填写此字段”。它可以很容易地用下面的代码进行更改然而，我已经注意到，当我使用输入与电子邮件类型，我仍然收到诸如“请输入一个部分以下‘@”之类的信息。以及“请在电子邮件地址中包含一个'@‘”，我
浏览 6提问于2014-07-08得票数 3
回答已采纳
4回答
有些浏览器根据输入的类型向用户提供输入字段的提示，例如此处的type="email"Chrome:火狐：我的问题是：
这些是规格的一部分吗？
浏览 1提问于2017-09-11得票数 2
1回答
我试图找出如何关闭默认悬停文本，但保持悬停文本显示在黑匣子中。我们在这里使用Tipsy，并且希望在我们的页面上继续使用这个。我在web表单中使用HTML5来帮助验证，并且希望保持验证打开，这样我就不必编写大量的JavaScript代码。我不想将非验证添加到表单中。
这是我的问题:我想删除浏览器在
浏览 5提问于2016-03-10得票数 0
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
即时通信 IM
实时音视频活动推荐
腾讯云开发者
