次のスクリプトを使用して、要素の HTML5required
属性を変更しています。input
Safari はこの属性をサポートしていないため、このスクリプトを変更して Safari ブラウザーでも機能するようにする方法があるかどうか疑問に思っています。
スクリプトは次のとおりです。
$(document).ready(function() {
$_POST = array();
var elements = document.getElementsByTagName("INPUT");
for (var i = 0; i < elements.length; i++) {
elements[i].oninvalid = function(e) {
e.target.setCustomValidity("");
if (!e.target.validity.valid) {
e.target.setCustomValidity("This field can't be blank");
}
};
elements[i].oninput = function(e) {
e.target.setCustomValidity("");
};
}
})