zoukankan      html  css  js  c++  java
  • HTML5 form表单验证

    1.取消验证

       有两种方法取消表单验证,第一种方法是利用form元素的novalidate属性来关闭整个表单验证。第二种方法是利用input元素或submit严肃的formnovalidate属性,利用input元素的formnovalidate属性可以让表单验证对单个input元素失效。另外,如果对submit按钮使用了formnovalidate属性,单击该按钮时,相当于利用form元素的novalidate属性,整个表单验证都失效了。

    2.显示验证

       在HTML5中,form元素与input元素都具有一个checkValidity方法。调用该方法,可以显示地对表单内所有元素内容或单个单个元素内容进行有效性验证。   

    <input type="email" id="Myemail"/>
    <script type="javascript">
    function CheckMail()
    {
       var Mali=document.getElementById("Myemail");
       if(Mali.value="")
       {
         alert("地址不能为空");
         return false;
       }
       else if(!email.checkValidity())
       {
          alert("电子邮件地址不正确");
          return false;
       }
       else
       {
          alert("正确地址")
       }
    }
    </scrtipt>

    此外,form元素与input元素都还存在一个validity属性,该属性返回一个ValidityState对象。该对象具有很多属性,其中最简单、最重要的属性为valid属性,它表示表单内所有元素内容是否有效或单个input元素内容是否有效。

  • 相关阅读:
    SQL GUID和自增列做主键的优缺点
    php 一维数组去重
    php + crontab 执行定时任务
    PHP内置函数生成随机数的方法汇总
    PHP替换回车换行的三种方法
    Yii2查询之where条件拼装
    yii2 使用阿里大鱼短信
    javascript对数据处理
    Vue 404页面处理
    vue 中view层中方法的使用
  • 原文地址:https://www.cnblogs.com/loadchow/p/6441733.html
Copyright © 2011-2022 走看看