HTML input标签required自定义提示文本

<input type="text" placeholder="username..." required="required" oninvalid="setCustomValidity('username is empty')" oninput="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文件中的自定义值。
阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页