<input type="text" placeholder="username..." required="required" oninvalid="setCustomValidity('username is empty')" οninput="setCustomValidity('')">
切记:oninput属性必须添加,否则input输入框第一次为空后,第二次检测不到再次输入的代码,造成提醒信息多次弹出,并无法提交表单。
国际化:需要对required的提示信息进行国际化时,可以在js中动态实现input属性的添加。
function iclick(){
var requiredstr = $.t("index.requiredstr");
$("#userid").attr("oninvalid", "setCustomValidity('" + requiredstr + "')");
$("#userid").attr("oninput", "setCustomValidity('')");
}
其中 $.t("index.requiredstr")为i18next获取本地语言json文件中的自定义值。