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

原创 2018年04月16日 10:33:46
<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文件中的自定义值。

HTML5--表单新特性使用自定义错误提示消息validity属性

一、HTML5表单新特性 这里由于不是本文的主要内容,所以就不详细介绍HTML5表单新特性,需要了解和学习的介意查看本人的另外一篇文章,里面有很详细的介绍关于HTML5的表单的新特性。 网址: h...
  • baidu_25343343
  • baidu_25343343
  • 2017-02-12 00:29:34
  • 4281

html5自定义required的提示文字

HTML5表单验证给前端开发带来许多便利,但是默认的提示不友好。我们可以通过setCustomValidity方法来自定义提示信息,更准确的提示给用户。 先来看看未使用setCustomValidi...
  • leishi8819
  • leishi8819
  • 2016-07-29 19:00:11
  • 11056

自定义控件之带标签的文本编辑框(不带命名空间)

package com.myself.custom.view; import android.content.Context; import android.util.AttributeSet; i...
  • syy19930112
  • syy19930112
  • 2014-03-19 11:55:51
  • 647

可选择也可自定义的输入框实现(原创)

1.效果: 2.依赖文件  jquery.js   bootstrap.js bootstrap.min.css 3.html ...
  • u012499210
  • u012499210
  • 2016-06-20 20:17:18
  • 2076

如何自定义窗口类名

Windows的标准应用程序都有约定的类名,如对话框的类名是#32770,文本框/编辑框类名是Edit,按钮类名为Button等。这也有于我们查找窗口,使用FindWindows/FindWindow...
  • asanscape
  • asanscape
  • 2016-11-11 21:37:31
  • 1515

Winform 自定义文本框

using System; using System.Collections.Generic; using System.ComponentModel; using System.Data; ...
  • tengyang11
  • tengyang11
  • 2017-11-30 12:26:27
  • 116

自定义标签的自定义方法

 判断这个值是不是你输入的内容或者一个输入的范围,我判断一个简单的值是不是它注意:首先基于 ssm框架的   在web.xml   我的请求是以‘/’&amp;lt;servlet-mapping&a...
  • weixin_39538360
  • weixin_39538360
  • 2018-04-08 00:07:31
  • 20

如何编写自定义标签?具体流程与分析(自定义标签快速入门)

1.自定义标签简介 自定义标签主要用于移除Jsp页面中的java代码 使用自定义标签移除jsp页面中的java代码,只需要完成以下两个步骤: 1.编写一个实现Tag接口的Java类(标签...
  • qhwc2009
  • qhwc2009
  • 2015-05-18 17:56:49
  • 487

在JSP页面中自定义标签

  标准JSP标签是用来调用JavaBean组件的操作,处理定向请求以简化JSP页面开发与维护。JSP技术提供了一种封装其它动态类型的机制——自定义标签,它扩展了JSP语言。自定义标签通常发布在标签库...
  • m_yeah
  • m_yeah
  • 2008-03-04 11:19:00
  • 3988
收藏助手
不良信息举报
您举报文章:HTML input标签required自定义提示文本
举报原因:
原因补充:

(最多只允许输入30个字)