html5 required属性不用写js就能验证非空错误

  今天研究jquery.validation.js插件的时候,发现即使删除了页面上的所有js文件,提交表单的时候既然会提示“请填写此字段”的错误信息,神奇了。

html5 required属性不用写js就能验证非空错误

源代码如下

<form class="cmxform" id="commentForm" method="get" action="">
			<label for="cemail">E-Mail (required)</label>
			<input id="cemail" type="email" name="email" required />
		
		<p>
			<input class="submit" type="submit" value="Submit"/>
		</p>
	</fieldset>
</form>

  后面发现原来是required属性搞得鬼,搞找问题找了半天,原来是html5新增了required,只要支持html5的浏览器,如chrome,firefox12这些,会自动验证包含required属性的输入控件是否为空值,为空值就不提交表单。IE8-不支持html5 required属性,不知道IE9+支持了没有。看来是自己老土了噶。。~

required 属性

required 属性规定必须在提交之前填写输入域(不能为空)。

注释:required 属性适用于以下类型的 <input> 标签:text, search, url, telephone, email, password, date pickers, number, checkbox, radio 以及 file。


原创文章,转载请注明出处:html5 required属性不用写js就能验证非空错误

评论(0)Web开发网
阅读(1987)喜欢(0)不喜欢(0)HTML/CSS兼容/XML