html5的表单验证,html5表单验证的好处

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

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

!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

相关问答

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

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

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

Q2: 关于html5表单验证

input 里面增加这样的语句：

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

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

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

通过

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