对HTML5校验 自定义验证信息

在HTML5中,表单可以定义一个属性required来触发默认的校验机制,比如:

<input type="text" required />

弹出的错误提示默认为英文。

如果希望自定义语言提示,可以这样:

<input type="text" required oninvalid="InvalidMsg(this);" />

js方法为:

function InvalidMsg(textbox) {
    if (textbox.value == ‘‘) {
        textbox.setCustomValidity(‘不能为空‘);
    }
    else if (textbox.validity.typeMismatch){
        textbox.setCustomValidity(‘请输入合法邮箱地址‘);
    }
    else {
       textbox.setCustomValidity(‘‘);
    }
    return true;
}
时间: 2024-10-06 00:07:05

对HTML5校验 自定义验证信息的相关文章

在ASP.NET MVC中使用Knockout实践07,自定义验证信息的位置与内容

在前两篇中,体验了Knockout的基本验证和自定义验证.本篇自定义验证信息的显示位置与内容. 自定义验证信息的显示位置 通常,Knockout的验证信息紧跟在input后面,通过validationMessage属性可以自定义验证信息的显示位置. @{ ViewBag.Title = "Index"; Layout = "~/Views/Shared/_Layout.cshtml"; } <style type="text/css">

html5 自定义验证信息

h5 为表单新增了很多类型,及属性. 根据这些新增的类型及属性 h5也为我们提供了验证这些数据的js函数,这些验证表单的函数都存在了ValidityState对象中,接下来让我们一起来了解一下这些函数的用法: ValidityState对象 ValidityState对象是通过validity 属性获取的,该对象有8个属性,分别针对8个方面的错误验证,属性值均为布尔值. 1.valueMissing属性 必填的表单元素的值为空. 如果表单元素设置了required特性,则为必填项.如果必填项的值

EasyUI 扩展自定义EasyUI校验规则 验证规则(常用的)

例如 校验输入框只能录入0-1000之间 最多有2位小数的数字 表单<input type="text" id="rate" name="rate" required="true" class="easyui-validatebox"  validType="rateCheck[0,1000]"  maxlength="6" /> $.extend($.f

Jquery Validate 默认校验规则及常用的自定义验证规则

Jquery Validate 相关参数及常用的自定义验证规则 一.官网地址:http://bassistance.de/jquery-plugins/jquery-plugin-validation 二.默认校验规则 (1).required:true 必输字段 (2).remote:"remote-valid.jsp" 使用ajax方法调用remote-valid.jsp验证输入值 (3).email:true 必须输入正确格式的电子邮件 (4).url:true 必须输入正确格式

.NET 实现自定义ContextUser的Identity和Principal实现自定义用户信息,权限验证。

备用收藏,http://blog.csdn.net/msdnxgh/article/details/6894885 .NET 实现自定义ContextUser的Identity和Principal 在传统的.NET中,我们可以通过 [csharp] view plaincopy User.Identity.Name;//获取用户名 User.Identity.IsAuthenticated;//判断用户是否己验证 User.IsInRole("Admin");//判断用户是否含有指定角

angular 输入框实现自定义验证

此插件使用angular.js.JQuery实现.(jQuery的引入需在angular 之前) 用户可以 在输入框输入数据后验证 必填项.整数型.浮点型验证. 如果在form 里面的输入框验证,可以点击 提交按钮后,实现 必填项验证. 效果图如下: (1)验证未通过时,背景标红等样式为 input.ng-invalid, select.ng-invalid { background-color: #ee82ee !important; border: 1px solid #CCC; } .qt

Struts2系列:(21)在Struts中自定义验证规则

1.Struts实现验证的过程 通过对Struts源代码的学习,总结一下Struts如何实现验证. 在struts-default.xml文件中,有validator和workflow两个拦截器. <interceptor name="validation" class="org.apache.struts2.interceptor.validation.AnnotationValidationInterceptor"/> <interceptor

Mvc自定义验证

假设我们书店需要录入一本书,为了简单的体现我们的自定义验证,我们的实体定义的非常简单,就两个属性,一个名称Name,一个出版社Publisher. public class BookInfo { public string Name { get; set; } public string publisher { get; set; } } Ok,需求有了,实体有了,那么添加我们的控制器和视图.先把代码贴出来.稍后我们在做分析 [HttpGet] public ActionResult Index

HTML5中表单验证的8种方法(转)

在深人探讨表单验证之前,让我们先思考一下表单验证的真实含义.就其核心而言,表单验证是一套系统,它为终端用户检测无效的控件数据并标记这些错误.换言之,表单验证就是在表单提交服务器前对其进行一系列的检查并通知用户纠正错误. 但是真正的表单验证是什么? 是一种优化. 之所以说表单验证是一种优化,是因为仅通过表单验证机制不足以保证提交给服务器的表单数据是正确和有效的.另一方面,设计表单验证是为了让Web应 用更快地抛出错误.换句话说,最好利用浏览器内置的处理机制来告知用户网页内包含无效的表单控件值.过去