是否可以使用Javascript在文本框上調用自定義驗證彈出窗口？

在Firefox時，文本控件屬性「需要」的時候，用戶不輸入任何文字彈出窗口：是否可以使用Javascript在文本框上調用自定義驗證彈出窗口？

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

是否可以使用JavaScript調用相同，例如彈出，但與自定義消息？例如：

document.getElementById("foo").?message = "Custom message goes here!"; 
document.getElementById("foo").?invoke();

來源

2016-08-25 tyebillion

是，有無數的插件/框架那裏提供這個。 –

[設置自定義HTML5必填字段驗證消息]的可能重複（http://stackoverflow.com/questions/13798313/set-custom-html5-required-field-validation-message） – Andreas

我問過如何「調用」消息，而不僅僅是改變它。 – tyebillion

有很多可能的方法來做到這一點和幾乎coutless驗證庫。絕對最簡單，仍然依靠html5正在利用oninvalid和setCustomValidity。

支持幾乎是100％，在這一點上 - http://caniuse.com/#feat=form-validation

<form> 
 
    <input id="foo" type="text" name="foo" required oninvalid="this.setCustomValidity('Custom message goes here!')"/> 
 
    <input type="submit"/> 
 
</form>

來源

2016-08-25 13:58:17 dmoo

好的，這改變了消息，但我問了如何從Javascript調用消息。 – tyebillion

您可以使用oninvalid屬性，檢出這個演示代碼

<form> 
<input type="submit" required oninvalid="this.setCustomValidity('Put Your custom message here')"/> 
<input type="submit"/>

來源

2016-08-25 14:01:21

是否可以使用Javascript在文本框上調用自定義驗證彈出窗口？

回答

相關問題