HTML5 表单错误信息提前显示

问题描述

HTML5 表单错误信息提前显示 5C
HTML5的表单有通过设置错误提示信息的方法
setCustomValidity(""错误提示信息"")
但是这个方法必须点击submit按钮才可以触发
我想问的是,怎么在不点击提交按钮的前提下,将错误提示信息显示出来

解决方案

用ajax自己判断,比如写在文本框的onchange/onblur事件内。

解决方案二:
大兄弟,你说的方法我懂,但是我现在不能采用你说的那种方法。

解决方案三:
HTML5表单详细介绍

解决方案四:
用Ajax。鼠标移开文本框事件触发

解决方案五:
你需要怎么触发 ?
加载的时候?还是去焦的时候?还是在使用的时候?

时间: 2024-10-29 18:06:15

HTML5 表单错误信息提前显示的相关文章

js浏览器html5表单验证_javascript技巧

html5表单添加了很多类型的表单,而且还自带验证的功能.在移动端,手机等设备能够根据不同的input类型弹出不同的键盘,例如iphone弹的键盘 但是由于不同的浏览器对不合法输入提示文案不一致,样式也不一样,并且老的浏览器不兼容(IE9及以下),导致了在生产环境中比较少见到.例如对于邮箱格式的检验,不同浏览器的效果如下: Chrome Firefox IE safari html5的表单跨浏览器有很大的问题 具体来说存在三个问题: (1) 输入框blur的时候不会触发检查,只有在点提交时才触发

dwz框架提示错误信息的显示样式问题

问题描述 dwz框架提示错误信息的显示样式问题 dwz中,表单验证,文本框输入错误时,如何修改它后面提示信息的显示样式?如背景颜色,宽度等.需要改哪些文件里js代码?

渲染HTML5表单界面:CSS3 appearance

网页制作Webjx文章简介:CSS3 appearance简介. 我们来简单了解一下上文中提到的css appearance.在之前研究HTML5表单的时候,一直很好奇浏览器是通过什么渲染不同的表单界面的,后来在Chrome中查看类型为range的input的时候,发现了这个有趣的属性: 然后右边的样式显示是这样的: 后来就发现CSS3规范中对appearance有定义,MDC也有对这个属性的描述. 这真是个非常有趣的属性,可以用来伪装或是实现一些特殊的界面,比如将input[type=text

jquery- Jquery表单里colModel怎么显示男女

问题描述 Jquery表单里colModel怎么显示男女 {name:'sex', index:'sex', width:'70', align:'center',editoptions:{value:'1:男;2:女'}}, 这样不能显示 解决方案 注意jqGrid放grid.locale-cn.js的后面.否则会报错. jQuery("#editgrid").jqGrid({ datatype: "local", height: 450, colNames:['

thinkPHP自动验证、自动添加及表单错误问题分析_php实例

本文实例讲述了thinkPHP自动验证.自动添加及表单错误问题.分享给大家供大家参考,具体如下: 最近再做一个项目,想用thinkphp写验证,结果泪奔了几天.一开始就是令牌错误,后来有什么自动添加无效. 一直在测试,一直在查找,知道发现create()方法原来有两个参数, 第一个参数是大家都知道了数据参数,第二个是隐藏的$type参数,这个参数用来控制什么的呢?? 复制代码 代码如下: //$type = $type?$type!empty($data[$this->getPk()])?sel

JavaScript DOM学习第八章 表单错误提示_基础知识

在我看来,警告框只用在浏览器不支持其他显示错误信息的办法的时候.W3C建议我们在表单项的附近显示错误信息.这是一种很好的办法,所以我们只在浏览器不支持这种高级的办法的时候才使用警告对话框. 例子 试试下面的例子.每一项都是必须的.另外我会坚持email项是否有@符号.如果没有也会提示错误信息. 复制代码 代码如下: var W3CDOM = (document.getElementsByTagName && document.createElement); window.onload =

04. Web大前端时代之:HTML5+CSS3入门系列~HTML5 表单

Web大前端时代之:HTML5+CSS3入门系列:http://www.cnblogs.com/dunitian/p/5121725.html 一.input新增类型: 1.tel:输入类型用于应该包含电话号码的输入字段   2.url:用于应该包含 URL 地址的输入字段 - 提交表单时对 url 字段的值自动进行验证 <form action="/test.html" method="post"> url:<input type="u

HTML5表单客户端验证的例子

过去对于客户端的表单验证,通常是使用JavaScript验证脚本,要么自己写,要么使用第三方库.而在HTML5中,提供了一套客户端验证方法,只需要在<input>字段里嵌入常用的错误检查规则即可. 1,required属性 - 表示字段不能为空 (注意:只有用户单击"提交"按钮提交表单的时候,浏览器才会执行验证.目前HTML5不支持指定验证的时间,而且验证消息的样式和内容各个浏览器不大一样,不能修改.)   <form action="#">

走进HTML5入门到精通:HTML5表单属性

HTML 5 的新的表单属性 本章讲解涉及 <form> 和 <input> 元素的新属性. 新的 form 属性: autocompletenovalidate 新的 input 属性: autocompleteautofocusformform overrides (formaction, formenctype, formmethod, formnovalidate, formtarget)height 和 widthlistmin, max 和 stepmultiplepa