HTML输入验证提示信息

1、oninvali事件通过setCustomValidity方法来自定义提示信息

<form action="">
        <label>
            数字: <input type="text" pattern="^\d{11}$" oninvalid="setCustomValidity(‘请输入11位数字‘)">
        </label>
        <input type="submit">
    </form>

2、onsubmit事件自定义提示信息

<!DOCTYPE HTML>
<head>
<meta charset="UTF-8">
<title>Html5页面使用javascript验证表单判断输入</title>
<script language="javascript">
function check(){
  var pass1=document.getElementbyid("pass1");
  var pass2=document.getElementbyid("pass2");
  if (pass1.value!=pass2.value){
    pass2.setCustomvalidity("密码不一致");
  else
    pass2.setCustomvalidity("");
  }
  var email=document.getElementbyid("email");
  if (!email.checkValidity())
    email.setCustomvalidity("请输入正确的email地址");
}
</script>
</head>
<form id="testForm" onsubmit="return check()">
  密码:<input type="password" name="pass1" id="pass1" /><br/>
  确认密码:<input type="password" name="pass2" id="pass2" /><br/>
  Email:<input type="email" name="email" id="email" /><br/>
  <input type="submit" />
</form>

<form action="">        <label>            数字: <input type="text" pattern="^\d{11}$" oninvalid="setCustomValidity(‘请输入11位数字‘)">        </label>        <input type="submit">    </form>

时间: 2024-11-03 17:41:03

HTML输入验证提示信息的相关文章

Struts2的输入验证(三)-短路验证与非字段验证

一.短路验证 若对一个字段使用多个验证器,默认情况下会执行所有的验证.若希望前面的验证器验证没有通过,后面的就不再验证,可以使用短路验证. 1)对同一个字段内的多个验证器,如果一个短路验证器验证失败,其他验证器不会继续校验 2)验证程序配置文件中<validator  …/> 元素和 <field-validator  …/> 元素可以指定一个可选的 short-circuit 属性,该属性指定该验证器是否是短验证器,默认值为 false. 1.示例:短路验证器 要求:为age字段

Struts2之输入验证

摘要:Struts2提供了安全的服务器验证方法,使用action中的validate方法即可 下面将展现简单的输入验证怎么写 1,表单index.jsp代码如下: 1 <%@ page language="java" import="java.util.*" pageEncoding="GBK" contentType="text/html; charset=GBK"%> 2 <%@ taglib uri=&

在struts2框架中实现手动处理输入验证

在struts2框架中实现手动处理输入验证,只需要在Action中对父类ActionSupport的validate方法重写即可.就是讲输入验证逻辑写在validate方法中.下面看项目中的Action类checkUser.java package action; import java.util.regex.Matcher; import java.util.regex.Pattern; import com.opensymphony.xwork2.ActionSupport; public

使用BootStrapValidator来完成前端输入验证

ootStrapValidator可以用于完成基于BootStrap搭建的前端UI中的输入验证,由于本插件完全基于BootStrap因此可以和UI完美的融合在一起.下面直接上图,看看完成后的结果: 怎么样,还比较和谐把,当然你也可以修改默认样式,让它的显示方式更加美观. 下面来说说他的用法: 下载BootStrapValidator 你可以点击BootStrapValidator官方下载地址来下载它. 下载后的目录结构 下载完成后,如果是全部文件的化,目录结构如下: 其中可以直接在项目中使用的文

用户输入验证的集总

1 一.用户输入验证 2 1.编程方式: 3 动作类中的所有方法进行验证: 4 5 步骤: 6 a.动作类继承ActionSupport 7 b.覆盖调用public void validate()方法 8 c.在validate方法中,编写不符合要求的代码判断,并调用父类的addFieldError(String fieldName,String errorMessage) 9 如果fieldError(存放错误信息的Map)有任何的元素,就是验证不通过,动作方法不会执行. 10 Struts

[原创]java WEB学习笔记70:Struts2 学习之路-- 输入验证,声明式验证,声明是验证原理

本博客的目的:①总结自己的学习过程,相当于学习笔记 ②将自己的经验分享给大家,相互学习,互相交流,不可商用 内容难免出现问题,欢迎指正,交流,探讨,可以留言,也可以通过以下方式联系. 本人互联网技术爱好者,互联网技术发烧友 微博:伊直都在0221 QQ:951226918 -----------------------------------------------------------------------------------------------------------------

js输入验证

//1.js验证只能输入数字. function check_validate1(value){     //定义正则表达式部分     var reg = /^\d+$/;     if( value.constructor === String ){         var re = value.match( reg );         return true;     }     return false; } //2.js验证只能输入字母.数字和下划线.  function check

struts2输入验证

1.方法 ① 基于Annotations的验证 ②基于XML配置的验证 http://blog.csdn.net/furongkang/article/details/6922046 ③手动验证 a.重写validate()方法  b.重写validateXxx()方法 2.种类:对Action中所有校验 和 对指定方法校验 3.基于XML配置的验证struts2提供的校验器列表 系统提供的校验器如下: required (必填校验器,要求field的值不能为null) requiredstri

【Asp.net入门15】第一个Asp.net应用程序-输入验证

前言 所谓输入验证,顾名思义就是验证用户输入符不符合要求.前面我们已经完成了这个简单的应用程序,但还有一个问题需要解决:用户可以在Default.aspx窗体中 提交任何数据,甚至可以提交根本不包含任何数据的窗体.我们需要确保用户填写了所有窗体字段, 以便收集所有相关数据,知道谁会参加晚会,谁拒绝参加晚会.下面的内容就是教你如何实现这个验证过程. 主要内容 客户端验证和服务器端验证的概念 数据注解用法 操作和分析 ASP.NET提供了各种不同的验证方法,最常用的方法是对数据模型类应用特性来实现验