form表单提交-忽略表单验证(form表单的novalidate属性)

最新推荐文章于 2024-07-09 17:01:34 发布

大雷！

最新推荐文章于 2024-07-09 17:01:34 发布

阅读量2.4k

点赞数

分类专栏：笔记 HTML

本文链接：https://blog.csdn.net/dalei9243/article/details/107690776

版权

笔记同时被 2 个专栏收录

70 篇文章 0 订阅

订阅专栏

HTML

2 篇文章 0 订阅

订阅专栏

form表单的novalidate属性

novalidate属性:
	
	作用: 在表单提交时不对表单中输入的值进行验证;

	语法:　<form novalidate>

	特点: 
		1. HTML5之后的新属性;
		2. 使用于<form>表单以及<input>标签的以下类型：
	text,search,url,telephone,email,password,date pickers,range以及color。

	Demo:

<!DOCTYPE html>
<html>
<head>

	<meta charset="utf-8">
	<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script> 

	<style>

		/**
		 * 此处设定文本域未编辑时的背景颜色;
		 */
		input.ng-invalid {
		    background-color: lightblue;
		}
	</style>

</head>
<body>

	<!-- 

	form表单内添加novalidate属性可以在提交表单的时候可以忽略对输入参数的验证;
	文本域内添加的required属性是必须标注的,一般这类字段为空的话不合法,因此而标注; 

	测试方法:
		取消和加注novalidate属性来验证Demo;

	-->
	<form ng-app="src" name="myForm" action="demo-form.php" novalidate>
	    输入你的名字:
	    <input name="myName" ng-model="myText" required>

		E-mail: 
		<input type="email" name="user_email" required>
		<input type="submit">
	</form>

</body>
</html>