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

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>
HTML必填项设定:

https://blog.csdn.net/dalei9243/article/details/107689824

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值