如何拆分传递给setCustomValidity的文本(HTML5)
如何拆分传递给setCustomValidity的文本(HTML5)
提问于 2018-07-22 00:27:31
我正在使用HTML5验证在表单中输入的数据。有没有办法打破作为setCustomValidity()方法的参数传递的字符串？
我尝试过回车和换行符的不同组合，但都不起作用。它们不会打印出来，但是，它们也不会产生任何结果。
我编辑了我的文本并将其缩短，但我想知道是否有方法可以做到这一点？
<input type="text" id="name" class="form-control" placeholder="Name" required pattern="[Ll].*" oninvalid="this.setCustomValidity('Put a valid name! \n Name should contain at least one uppercase and one lowercase letter.')"
oninput="this.setCustomValidity('')">Stack Overflow用户
发布于 2018-07-22 02:42:47
您可以将html放在字符串中，然后将其添加到html元素中。提交表单时输入为空，以查看oninvalid事件触发。
<form>
<input type="text" id="name" class="form-control" placeholder="Name" required pattern="[Ll].*" oninvalid="validate('Put a valid name! <br> Name should contain at least one uppercase and one lowercase letter.')" oninput="validate('')">
<input type="submit" value="Submit">
</form>
<p id="output"></p>
<script>
function validate(msg) {
document.getElementById("output").innerHTML = msg;
}
</script>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/51458047
复制相关文章
相似问题
腾讯云开发者
