当点击提交按钮时,以下代码将在空文本字段旁边显示一个小消息气球。
<form>
<input type="text" id="name" required="true">
<button type="submit">Submit</button>
</form>
( fiddle for above )
如何在 javascript
中触发显示这样的气球?我是否也可以控制它的消息内容和它的显示位置? jQuery
答案也可以。
最佳答案
当您具有 required 属性时,您看到的默认消息是浏览器的 native 行为,消息文本、位置和样式将根据您使用的浏览器而改变。
Chrome 和 FireFox 会说:“请填写此表格” IE 会说:“这是必填字段”
所以如果你想要自定义消息,你可以使用这个 JS:
document.getElementById('name').setCustomValidity('Your custom validation message comes here');
这是更新后的 fiddle : https://jsfiddle.net/cvr687mL/1/
这里是一个使用 jquery 触发验证的 jquery 脚本:
$('input').blur(function(event) {
event.target.checkValidity();
}).on('invalid', function(event) {
setTimeout(function() { $(event.target).focus();}, 50);
});
关于javascript - 如何显示像 `required="true 所示的消息”`,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29807539/