选择器--验证表单

Posted Wowo丶

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了选择器--验证表单相关的知识,希望对你有一定的参考价值。

 

 

1 :valid 符合验证的表单样式 :novalid 不符合验证的表单样式

:requestired  必须验证的表单的样式 :optional 没有必须验证的表单样式

 input:valid {
        border:1px solid green;
        }
        input:invalid {
        border:1px solid red;
        }

  2

<form>
        <input type="text" required/>
         <input type="hidden" value="sdfsd" id="inp"/>
    <input type="email" required="required"/>邮箱
        <input type="submit"/>
    </form>

  3 当input标签有required验证时  不符合的边框将显示红色  符合的将显示蓝色

以上是关于选择器--验证表单的主要内容,如果未能解决你的问题,请参考以下文章

插入日期选择器后 Jquery 表单验证不起作用

对表单进行验证! $(“选择器“).validate();

引导验证器和日期时间选择器冲突

如何使用反应表单挂钩验证反应日期选择器

elementUI 表单中使用级联选择器时表单验证和使用省市插件

Flutter 日期选择器验证