草庐IT

validate_display

全部标签

javascript - 如果 inputElement.validity.valid == false 如何显示 HTML5 验证?

所以我有一个表单,但我还不需要将信息提交给服务器...我需要的是通过HTML5内置验证条件(例如电子邮件等),如果为真,则只执行特定功能...到目前为止,我已经想到了这个......functioncheckform(){var/*alltheelementsintheformhere*/if(inputElement.validity.valid=='false'){/*Submittheform,thiswillcauseavalidationerror,andHTML5willsavetheday...*/}else{navigateNextStep();}}这是我到目前为止提出

css - Firefox 中的定位问题?位置 :relative for a display:table element

我遇到了仅在Firefox中出现的最奇怪的定位问题。我的HTML:我的CSS:html,body{margin:0;padding:0;height:100%;width:100%;}article.layer{position:relative;display:table;height:100%;width:100%;}article.left,article.right{position:absolute;width:50%;height:100%;min-height:100%;display:table;}article.left{left:0;top:0;}article.r

css - Firefox 中的定位问题?位置 :relative for a display:table element

我遇到了仅在Firefox中出现的最奇怪的定位问题。我的HTML:我的CSS:html,body{margin:0;padding:0;height:100%;width:100%;}article.layer{position:relative;display:table;height:100%;width:100%;}article.left,article.right{position:absolute;width:50%;height:100%;min-height:100%;display:table;}article.left{left:0;top:0;}article.r

解决:Unable to add window -- token android.os.BinderProxy is not valid; is your activity running?

报错:Unabletoaddwindow–tokenandroid.os.BinderProxyisnotvalid;isyouractivityrunning?这个问题是我想存储已经创建过的弹窗进行复用过程当中出现的报错,具体代码请看:publicabstractclassBaseActivityextendsAppCompatActivity{ protectedstaticProgressDialogprogressDialog=null;//定义了一个创建的弹窗 /***在其子类当中调用此方法显示加载弹窗,弹窗不可被取消*@paramtitle标题*@paramcontent内容*@p

解决:Unable to add window -- token android.os.BinderProxy is not valid; is your activity running?

报错:Unabletoaddwindow–tokenandroid.os.BinderProxyisnotvalid;isyouractivityrunning?这个问题是我想存储已经创建过的弹窗进行复用过程当中出现的报错,具体代码请看:publicabstractclassBaseActivityextendsAppCompatActivity{ protectedstaticProgressDialogprogressDialog=null;//定义了一个创建的弹窗 /***在其子类当中调用此方法显示加载弹窗,弹窗不可被取消*@paramtitle标题*@paramcontent内容*@p

javascript - JS HTML5 验证 "display:none"所需的输入元素

我有一个多div的表单:我填写了一些字段,然后单击下一步,当前div开始显示设置为“无”的cssproprerty。此表单中的所有字段都是必需的,以下是情况的片段:现在的问题是,当我提交表单时,如果第一个div的一个字段没有填写,它不会提交,Chrome在控制台中给我以下错误Aninvalidformcontrolwithname='input1'isnotfocusable.我该如何解决这种情况?我想过捕获错误然后显示第一个div,但我还没有想出如何去做。 最佳答案 我在Chrome或Firefox中没有遇到同样的错误。但是我确实

javascript - JS HTML5 验证 "display:none"所需的输入元素

我有一个多div的表单:我填写了一些字段,然后单击下一步,当前div开始显示设置为“无”的cssproprerty。此表单中的所有字段都是必需的,以下是情况的片段:现在的问题是,当我提交表单时,如果第一个div的一个字段没有填写,它不会提交,Chrome在控制台中给我以下错误Aninvalidformcontrolwithname='input1'isnotfocusable.我该如何解决这种情况?我想过捕获错误然后显示第一个div,但我还没有想出如何去做。 最佳答案 我在Chrome或Firefox中没有遇到同样的错误。但是我确实

html - 屏幕阅读器如何处理 display flex?

我正在编写一个HTML表单,其中某些字段的必需性取决于其他字段的值,因此会动态变化。我想通过在每个必填字段之前的标签上附加一个星号来呈现该必填项的视觉提示。由于它纯粹是视觉的,并且情况的语义由适当标记中的required属性很好地表达,我希望将星号添加为CSS定义的内容,而不是将其插入直接或通过脚本使用HTML。然而,将视觉内容添加到必填字段之前的元素是具有挑战性的,因为CSS选择器组合器似乎向前(朝向子级和随后的sibling)而不是向后(朝向parent或之前的sibling).我当然可以在更改输入字段的必要性的相同代码中切换标签中的类名,但这会将内容添加与必要性更改分开为两个不同

html - 屏幕阅读器如何处理 display flex?

我正在编写一个HTML表单,其中某些字段的必需性取决于其他字段的值,因此会动态变化。我想通过在每个必填字段之前的标签上附加一个星号来呈现该必填项的视觉提示。由于它纯粹是视觉的,并且情况的语义由适当标记中的required属性很好地表达,我希望将星号添加为CSS定义的内容,而不是将其插入直接或通过脚本使用HTML。然而,将视觉内容添加到必填字段之前的元素是具有挑战性的,因为CSS选择器组合器似乎向前(朝向子级和随后的sibling)而不是向后(朝向parent或之前的sibling).我当然可以在更改输入字段的必要性的相同代码中切换标签中的类名,但这会将内容添加与必要性更改分开为两个不同

validation - 如何更改所需 HTML 表单字段的 WebKit 错误消息

Gecko允许您为required设置错误消息带有x-moz-errormessage的HTML表单字段.WebKit的等价物是什么? 最佳答案 虽然上面链接的setCustomValidity()示例有效,但它没有考虑原生HTML5验证测试,而是提供了自己的自定义测试。如果您想使用HTML5中的类型匹配/模式匹配,则使用setCustomValidity()和oninvalid事件:但是请记住,这不会本地化为用户的浏览器语言,并且无论无效的内容都会显示(例如,如果未通过required检查,它也会显示)