单选按钮上需要的Html 5不会重置(Html 5 required on radio button wil not reset)

如果选中,为什么单选按钮组上的html5不会重置表单重置按钮。 例如,如果您选择其中一个单选按钮,然后单击重置表单按钮,它不会重置单选按钮组所需的验证,即使表单已重置,您在表单中有一个带有html5必需集的单选按钮组。 所以基本上你点击提交按钮而不选择任何东西,单选按钮被赋予红色轮廓然后你选择一个然后点击重置然后你可以提交表格而不选择单选按钮? 任何有关它为什么这样做的帮助将不胜感激。 我可能会误解它应该如何工作。 简单的测试

Why won't an html5 required on radio button group reset with form reset button if it was selected. for example you have a radio button group in a form with the html5 required set if you select one of the radio buttons then click the reset form button it doesn't reset the radio button group required validation so even though the form was reset. So basically you click submit button without selecting anything the radio buttons are given an outline in red then you select one and click reset you are then able to submit the form without selecting a radio button? any help on why it does this would be greatly appreciated. I may misunderstand how its supposed to work. Simple test

原文:https://stackoverflow.com/questions/44441177

更新时间:2020-02-11 17:29

最满意答案

这是因为您使用相同的名称作为单选按钮。如果您使用相同的名称,只能检查一个单选按钮。所以它通过验证

示例:单选按钮的名称不同。

示例:单选按钮的名称相同。

It is because you are using same name for the radio buttons.If you give the same name only one radio button of the can be checked.And so it passes the Validation

Example : Different name for radio buttons.

Example : Same name for radio buttons.

相关问答

$to = 'dinefour4@gmail.com';

$subject = 'The subject';

$name = $_POST['name'];

$email = $_POST['email'];

$option = ""

if(isset($_POST['place']))

{

$option = $_POST['place'];

}

$mobile = $_POST['mobile'];

$message = <<

$name

$ema

...

代替 $("#enumCurrencyType").val(1);

尝试 $("#enumCurrencyType[value='1']").prop('checked',true);

要么 $("#enumCurrencyType[value='1']").attr('checked','checked');

编辑: - 由于EnumRadioButtonFor()生成的HTML中的id是_enumCurrencyType_HomeCurrency ,所以试试这个: - $("#_enum

...

正如你所说,没有值为“null”的单选按钮,因此可观察对象将找不到任何合适的DOM来移动checked属性。直到可观察的开发人员重写check属性如何使用null值,你可以使用jquery或这个javascript代码 检查这个道场 As you said there is no radio button with value "null", therefor observable object won't find any suitable DOM to move the checked pro

...

您可以通过赋值null来使用ngModel重置单选按钮

[(ngModel)]="gender" (click)="filter_source_type(0)" name="gender"

value="male"> Adm

...

哪里是:$ this-> form_validation-> run()? 我的代码(没关系): $this->form_validation->set_rules('what_licence', 'What licence', 'required|in_list[1,2]');

$this->form_validation->set_rules('initials', 'Initials', 'trim|required|alpha');

$this->form_

...

由于ngChecked只有一次可以使用ng-model: ng-model="testCheck.button1"

并在你的函数resetall: $scope.button1 = false;

testCheck应该包含x个按钮(button1,2 ...) JSFiddle 在这里 。 As ngChecked only works 1 time you can use ng-model: ng-model="testCheck.button1"

and in your function

...

您的问题是resetForm是a.validate(...)返回的验证器对象上的一个方法,而不是jQuery对象本身。 function resetValidator(){

var a = $("#yourFormName").validate();

a.resetForm();

}

Your problem is that resetForm is a method on the validator object returned by a.validate(...), and not on

...

这是因为您使用相同的名称作为单选按钮。如果您使用相同的名称,只能检查一个单选按钮。所以它通过验证 示例:单选按钮的名称不同。

...

要使用无线电required ,您只需要为该组的每个输入保留name 。 这个问题根本不是关于VueJS的。 它只是关于HTML。

To

...

这里是演示使用margin-left的小提琴 button.reset-btn{

margin-left:20px;

}

here is the fiddle demonstrating the use of margin-left button.reset-btn{

margin-left:20px;

}

html 点击 重置 单选,单选按钮上需要的Html 5不会重置(Html 5 required on radio button wil not reset)...相关推荐

  1. 在单选按钮上实现双击效果

    如果想让你的用户体验更加极致,可以考虑在对话框上的单选按钮上实现双击效果,以此作为"选中 + 确定"(或者是选中 + 下一页,或者是选中 + 完成等)的快捷方式. 看看我们需要怎么 ...

  2. android手指下滑,元素下滑消失,点击按钮,元素上滑显示

    先写两个按钮,点击一个,布局下滑隐藏,点击另一个,上滑显示 点击按钮,浅绿色的部分隐藏或显示 Button btn = findViewById(R.id.button);Button upBtn = ...

  3. html点击按钮文件上传,js点击按钮实现文件上传

    点击按钮实现文件上传 点击按钮实现文件上传 $('#uploadFileButton').click(function () { $('#upload').click(); }); $('#uploa ...

  4. 电脑计算机点开不在桌面上显示出来,为什么我的电脑开机后点击不到桌面上的图示呢?...

    为什么我的电脑开机后点击不到桌面上的图示呢?以下文字资料是由(历史新知网www.lishixinzhi.com)小编为大家搜集整理后发布的内容,让我们赶快一起来看一下吧! 为什么我的电脑开机后点击不到 ...

  5. php单选按钮关闭文本框,使用php在html中显示单选按钮文本(Display radio button text in html with php)...

    使用php在html中显示单选按钮文本(Display radio button text in html with php) 我从数据库中获取数据并正常显示到html页面. 我想把数组值输出到单选按 ...

  6. 我点击一个单选框时另外一个单选框里的内容属性隐藏掉_一个交通工程专业硕士研究生的总结与独白(二):交通生成预测及TransCAD操作...

    上一次发表了我的第一篇知乎文章,后来也看了大家的评论,虽然评论不多,但好在大家都比较温柔,没有出现什么所谓的网络暴力,当然也有可能是我这个内容本身也没有太大的话题性.也有小伙伴私聊我说让我多讲讲交通工 ...

  7. php点选按钮ajax,php – 在单选按钮上显示div中的数据单击ajax

    我希望用户在ajax调用中显示所选数据. 场景是我有两个单选按钮,当用户点击其中任何一个时,它应该在响应div中显示右侧的相应数据. North America Basic 150 Minutes R ...

  8. 在电脑桌面 右键点击 计算机,在桌面上右键点击电脑

    win10怎么修改系统日期时间?电脑发展到今天,时间的显示已经非常智能化,不仅仅依赖于主板上的BIOS时间,所以即便BIOS时间不准,或电池不足,都不一定会影响到系统中时间的显示,当然也不排除设置不对 ...

  9. js备忘录模式——实现分页点击已经请求过上一页的数据(读js设计模式)

    例子:新闻数据实现分页||点击下一页后又点击上一页后不用再次请求数据,避免资源浪费,网速不好,用户体验效果差 备忘录模式:在不破坏对象的封装性的前提下,在对象之外捕获并保存该对象内部的状态以方便日后对 ...

  10. w7点击计算机图标没反应,点击win7系统桌面上的图标没有反应怎么办?

    不管是什么系统,安装下来之后,桌面上都会有相应的系统自带的程序的快捷方式,也就是桌面的图标了,除此之外,各位用户也会将自己经常使用到的一些程序软件的快捷方式放到桌面位置,这样可以让咱们更加迅速的找到它 ...

最新文章

  1. JVM最多支持多少个线程?
  2. Facebook全球宕机近7小时,传有15亿用户数据泄漏,市值蒸发千亿
  3. word文档查重_「毕业之家」揭秘:大学生知网论文查重的规则及查重原理
  4. matlab fminimax 例子,Matlab应用实例(8)—fminimax
  5. java 导出bcp文件格式_使用BCP导出导入数据
  6. 训练日志 2019.8.23
  7. C#根据网址生成静态页面
  8. Web调试工具:火狐Firefox插件Firebug介绍
  9. html+javascript实现数字微调,点击一下增加1或减去1
  10. 如何使用WordPress搭建网站
  11. 用SpringBoot集成Netty开发一个基于WebSocket的聊天室
  12. ubuntu 修改ip后,老ip仍然存在的问题
  13. dw html图片居中,dw怎么把整个表格居中 怎么在dw里面把整个网页居中?
  14. 【攻防世界】十八、mfw
  15. C语言:输出大写的三角形字母表(进阶)
  16. Spanning-tree fast features配置案例
  17. Java50道经典编程题:(十三)数字谜题 ——循环语句及判断符的使用
  18. c 是高级程序设计语言吗,C语言是一种高级程序设计语言。
  19. LIN休眠唤醒及测试心得
  20. 微信公众平台开发之订阅号申请,接口验证篇

热门文章

  1. webview的使用套餐
  2. 小谈暴风影音并给个小建议
  3. VMware Workstation 16.2.2 Pro for Windows SLIC 2.6 Unlocker
  4. Googel knowledge graph API
  5. 妙用Vista光盘轻松制作Windows PE 2.0启动光盘/闪存
  6. JAVA初学者推荐《Java开发实战经典》李兴华著
  7. 关闭smartview 版本更新提示
  8. 不要VIP,想看啥就看啥的在线网站!
  9. 啊哈算法纸牌游戏———小猫钓鱼
  10. JDK 1.8 官网下载地址(linux / windows)