JS setCustomValidity第一次不工作

JS setCustomValidity是HTML5中的一个方法，用于自定义表单元素的验证错误信息。当表单元素的值不符合预期时，可以使用setCustomValidity方法来设置错误提示信息。

该方法的使用方式如下： element.setCustomValidity(message);

其中，element是要设置错误信息的表单元素，message是要显示的错误提示信息。

setCustomValidity方法的工作原理是，在表单元素的验证过程中，如果该元素的值不符合要求，浏览器会检查是否调用了setCustomValidity方法。如果调用了该方法并传入了非空字符串作为参数，浏览器会将该字符串作为错误提示信息显示给用户。

然而，有时候会遇到setCustomValidity方法第一次调用不起作用的情况。这可能是因为在第一次调用之前，表单元素的验证状态已经被浏览器确定为有效，因此不会显示错误信息。只有在表单元素的值发生改变后，再次触发验证时，setCustomValidity方法才会生效。

为了确保setCustomValidity方法能够在第一次调用时生效，可以在调用该方法之前先将表单元素的值设置为无效，然后再设置错误提示信息。示例代码如下：

element.setCustomValidity('');
element.setCustomValidity(message);

这样，在第一次调用setCustomValidity方法时，即使表单元素的值没有发生改变，也能够正确地显示错误提示信息。

关于setCustomValidity方法的更多信息，可以参考腾讯云的文档：setCustomValidity方法。

需要注意的是，以上答案中提到的腾讯云仅作为示例，实际应用中可以根据具体需求选择适合的云计算品牌商。