Переключая подсказку HTML5 с javascript

Question

При оставлении элемента input с атрибутом required пустой появляется всплывающая подсказка (с использованием Chrome): «Пожалуйста, заполните это поле».

<input type="text" name="foo" required /> 

Есть функция Javascript, что активирует эту подсказку вручную в любом месте с любым содержанием? (не создавая его самостоятельно)?

Answer 1

Это не возможно больше: https://code.google.com/p/chromium/issues/detail?id=259050

Один из хром разработчики явно говорят:

Веб-авторам необходимо создать собственный пользовательский интерфейс с нуля.

Answer 2

Насколько я знаю, вы можете изменить текст всплывающей подсказки.
Попробуйте слушать invalid события

document.getElementById("foo").addEventListener("invalid", function (e) { 
    if (e.target.value == "") { 
     e.target.setCustomValidity('Hey! "' + e.target.value + '" is not a valid username.'); 
    } 
}); 

Я не проверить его на совместимость браузера, но я предполагаю, что это новая функция, и может быть еще недостаточно поддерживается.

Answer 3

Вы можете программно нажать кнопку «Отправить» - это вызовет проверку и всплывающую подсказку, например. с HTML, как этот

<form id="bla"> 
    <input type="text" required /> 
    <input type="submit" value="Submit" id="submit" /> 
</form> 

вызывающему

document.getElementById("submit").click(); 

отобразит всплывающую подсказку для пустых полей.

Демо: http://jsfiddle.net/bmF4N/

Если вы ищете больше контроля - вам, возможно, придется искать в пользовательские валидаторы, например http://jqueryvalidation.org/required-method/