html5表单失去焦点进行非空验证，并用placeholder显示错误提示

简单改了下你的，效果实现了，规范的写法自己改改吧

林芝网站制作公司哪家好，找创新互联！从网页设计、网站建设、微信开发、APP开发、成都响应式网站建设等网站项目制作，到程序开发，运营维护。创新互联自2013年创立以来到现在10年的时间，我们拥有了丰富的建站经验和运维经验，来保证我们的工作的顺利进行。专注于网站建设就选创新互联。

!DOCTYPE html  

html  

head  

meta charset="UTF-8"/  

titlecheckValidity 示例/title 

style

input.dd::-webkit-input-placeholder{

color: red;

opacity:1;

} 

/style

/head  

body 

form action="" method="get"

table width="200%" border="0" cellspacing="0" cellpadding="0" 

tr

tdinput class='' id='id' name="uname" type="text" placeholder="ID" onblur="aa(this)"/td

/tr

tr

tdinput name="pwd" type="password" placeholder="密码"/td

/tr

tr

tdinput name="" type="submit"/td

/tr

/table

/form

script 

function aa(a){

if(a.value==''){

a.placeholder='ID不能为空';

a.className="dd";

}

}

/script

/body  

/html

html5表单验证只能输入数字，看清题目，不要使用js，用html5验证?

其实HTML5的这个功能不是很好，只有部分浏览器可以用，代码如下：

input type="number" name="points" min="1" max="100" /

关于html5表单验证

input 里面增加这样的语句：

required oninvalid="setCustomValidity('必须填写！');" oninput="setCustomValidity('');"

html5怎么用js提交，触发表单验证

在表单最后放置一个button，然后在button的click事件中

通过

表单dom对象.submit()来提交表单，在提交前可以编写校验逻辑或者使用jquery validate之类的表单校验组件来校验

名称栏目：html5的表单验证,html5表单验证的好处
文章网址：http://cdweb.net/article/dsgsdcg.html