required和readonly能一起用吗?
最近在写表单验证的时候发现input标签上已经有了readonly,但是需要必填属性的验证required,所以就同时加了两个属性, 发现提交表单的时候required失效了
查了下资料得以下的结果
required和readonly没有冲突,只是在input内容不为空的情况下, 可以正常使用;但如果input为空, 则不能正常使用;
readonly 属性规定输入字段为只读。
只读字段是不能修改的。不过,用户仍然可以使用 tab 键切换到该字段,还可以选中或拷贝其文本。
readonly 属性可以防止用户对值进行修改,直到满足某些条件为止(比如选中了一个复选框)。然后,需要使用 JavaScript 消除 readonly 值,将输入字段切换到可编辑状态。
readonly 属性可与 <input type="text"> 或 <input type="password"> 配合使用。
required 属性规定必需在提交之前填写输入字段。
如果使用该属性,则字段是必填(或必选)的。
注释:required 属性适用于以下 <input> 类型:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。