html取消页面非空,html5 required属性不用写js就能验证非空错误

最新推荐文章于 2022-02-20 12:35:13 发布
最新推荐文章于 2022-02-20 12:35:13 发布
阅读量447 收藏
点赞数
文章标签： html取消页面非空
博主在研究jquery.validation.js插件时遇到一个问题，即使移除所有JS文件，表单提交仍显示'请填写此字段'的错误。原来，是HTML5的required属性在Chrome和Firefox等支持HTML5的浏览器中自动验证输入控件，导致了这个现象。IE8及更早版本不支持此属性，但未确认IE9+是否支持。required属性用于规定输入域在提交前必须填写，适用于多种输入类型。
摘要由CSDN通过智能技术生成

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

1035278750.jpg

源代码如下

E-Mail (required)

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

required 属性

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

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

加支付宝好友偷能量挖...

2013-5-30Web开发网

阅读(2818)喜欢(1)

夏天的sunnyrain
关注
HTML 表单 非空校验
upupoo0的博客
01-03 2229
<html> <head> <title></title> <style type="text/css"> td{font-family:宋体;font-size:12px;color:blue;} p{font-family:宋体;font-size:12px;color:blue;} </style> <script ty
jq非空验证，js正则表达式验证邮箱和手机号码
05-22
HTML5的`required`属性就是一个简单的非空验证方式，如果用户未填写该字段，提交表单时会触发错误。在jQuery中，我们可以通过`$.trim()`方法去除前后空格，再检查字符串长度，以实现更精细的非空验证。 5. **事件...
非空的代码
sssdffa的专栏
08-04 464
你能确定的假设可能违反了？答案是，用户可以在一个空指针而不是一个有效的C风格字符串传递。如果发生这种情况，程序会崩溃。这里的功能又具有检查以确保函数参数非空的代码：
EduCoder-Web程序设计基础-html5— 对表单进行验证-第2关：非空校验
weixin_51402180的博客
12-04 1491
目录任务描述相关知识编程要求测试说明代码示例 任务描述 本关任务：创建一个单行文本框，并要求该文本框的值不能为空。 相关知识 为了完成本关任务，你需要掌握：1.文本框的设置，2.required属性，3.maxLength属性。 非空校验示例 在表单text类型的input标签中添加required属性，可以设置文本框的值不能为空；在该标签中通过title属性可以设置相关的提示信息。 用户名： 用户名： 15343480696 编程要求 根据提示，在右侧编辑器补充代码，在右侧编辑器中
html自动判断是否为空,确定/查找HTML DIV元素是否为空或未使用JavaScript
weixin_42546392的博客
05-31 559
required maxlength="32"/>我故意将元素留空,然后在用户单击菜单选项卡时将HTML注入其中.但是如果用户多次单击菜单项,我不想多次注入相同的HTML.为了避免这种情况,我希望代码确定元素是否已经注入了内容.我想使用Web API接口和JavaScript.使用.innerHTML添加内容document.getElementById('UserRegistration'...
【HTML】HTML实现简单表单验证（正则表达式、非空判断、输入框提示信息）
A Lucky Boy的博客
02-20 5962
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>练习.
javascript html5实现表单验证
10-22
通过结合HTML5内置的表单验证属性和JavaScript的脚本验证，我们可以创建一个健壮的前端验证机制，不仅能防止无效数据的提交，还能在用户输入过程中即时反馈错误，使用户更易于理解并修正他们输入的数据。 需要注意...
js浏览器html5表单验证
11-27
1. **HTML结构**：设置正确的`input`类型和属性，如`required`、`pattern`等，并可能需要额外的自定义属性来传递验证信息。 2. **初始化插件**：通过JavaScript引入插件并传入必要的参数，如表单元素、验证配置和...
基于Bootstrap5的Tab标签页的小组件，能让HTML5表单验证的提示信息在Bootstrap5的Tab标签页能正常显示
最新发布
02-14
例如，`<input>`标签可以通过设置`required`属性来确保字段非空，`pattern`属性可以定义输入的格式规则，如邮箱或电话号码等。当用户提交不符合规则的表单时，浏览器会自动显示错误信息。 然而，在Bootstrap5的Tab...
js练习4：使用HTML5验证博客园注册页面.zip
08-27
首先，HTML5引入了新的表单控件和属性，如`<input type="email">`用于电子邮件输入，`<input type="tel">`用于电话号码输入，以及`required`属性来确保字段非空。在注册页面中，这些功能可以确保用户输入的数据格式...
html5的代码验证
珍惜所有的一切
05-31 1430
http://html5.validator.nu/ http://validator.w3.org/#validate_by_uri
html去掉非必填,django:HTML中没有“Required”属性的必填字段
weixin_42464317的博客
06-22 543
我是新来的django，我认为到目前为止这是非常棒的。我今天面临着一个奇怪的问题：我有这个模型：class RegisterForm2(UserCreationForm):mobile2 = forms.CharField(label=_('Mobile Confirmation'),max_length=50,required=True,widget = forms.TextInput(attr...
html5 非空属性,空HTML5数据属性是否有效？(Are empty HTML5 data attributes valid?)
weixin_39926588的博客
06-04 166
空HTML5数据属性是否有效？(Are empty HTML5 data attributes valid?)我想编写一个简单的jQuery插件，它在指定的元素下显示内嵌的模态。 我的想法是根据元素上指定的数据属性自动创建脚本。一个非常基本的例子：Hover over me for an inline modal!我只是想知道上述示例中的data-modal-target是否有效，还是必须是dat...
html非空校验怎么编写,js&&html校验组件（非空，格式等）
weixin_34277051的博客
06-20 332
//校验器(校验器还可以继续扩充，实现各种格式的校验,在此只是举例)var validator = {required : function(el) {if(!el.value || Trim(el.value)==''){alert("校验非空");el.value='';var msg=$(el).attr('validate-msg');//提示信息可以自行修改$(el).next('.va...
使用JS禁用必填验证
RGDDSCN的博客
11-30 470
使用JS控制必填C#验证控件使用JS禁用必填验证JS代码 使用JS禁用必填验证 JS代码 <script language="JavaScript" type="text/javascript"> function autoSelect(control,type) { if(type=="Email") { document.getElementById('Email').style.display="block"; document.getElementById('PhoneNo').
js&&html校验组件（非空，格式等）
zhanglongfei1016的专栏
02-22 901
//校验器（校验器还可以继续扩充，实现各种格式的校验,在此只是举例） var validator = {  required : function(el) {     if(!el.value || Trim(el.value)==''){         alert("校验非空");         el.value='';         var msg=$(el).attr('v
js html 取消验证,html5验证和JS
weixin_39620684的博客
06-18 270
确认函数被调用，但它跳过HTML5验证，只是重定向。 截至目前该页面是静态的，没有其他验证。html5验证和JS Email :placeholder="Enter Email" required autofocusautocomplete="off" style="width:300px;"/>function submitdetails() {if(confirm("Do you wan...
JS 非空验证
舒婷(Zoe)
03-15 5537
click:function(){ var updateinfo; //定义一个数组 用来存储被修改过得信息 for( var i = 0; i <34; i++,i++){ var j = updatelineform.getItems()[i+1].getValue();//获取对应的value v
HTML5页面使用required后，取消显示“请填写此必填项”
热门推荐
大强博客
05-29 1万+
问题描述：HTML5页面输入框使用required属性后，点取消按钮，页面显示“请填写此必填项”:&lt;input type="text" class="form-control" ng-model="sysCompany.companyName" required&gt;解决办法:增加formnovalidate属性:&lt;button type="submit" class="btn b
html js文件注册页面中校验非空验证
05-23
你可以通过以下方式在 HTML 和 JavaScript 中进行非空验证： 1. 在 HTML 中添加必填字段标记： 在需要进行非空验证的 input 元素上添加 `required` 属性即可。例如： ```html <input type="text" name="username" required> ``` 2. 在 JavaScript 中进行非空验证： 通过 `document.getElementById` 获取到需要验证的 input 元素，然后判断其值是否为空即可。例如： ```html <input type="text" id="username" name="username"> <script> var usernameInput = document.getElementById('username'); if (usernameInput.value.trim() === '') { alert('用户名不能为空'); return false; } </script> ``` 需要注意的是，以上代码只是一个简单的示例，实际使用中还需要处理更多的验证逻辑和错误提示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值