jjzjj

setCustomValidity

全部标签

javascript - 在表单中使用setCustomValidity需要点击两次onsubmit

我正在开发一种表单,该表单将HTML5表单验证属性required用于各种text和radio按钮字段。该表单还有两组复选框,其中至少一个复选框必须被选中。为了保持用户错误反馈的一致性,我使用setCustomValidity方法在未选中复选框时抛出native错误气泡。这一切工作正常,但是,提交表单时存在错误反馈问题,并且onsubmit事件用于捕获未选中的复选框。当onclick事件绑定(bind)到提交按钮时不会出现此问题,但我知道最好使用onsubmit。Onclick测试用例(点击提交按钮第一次出现错误气泡!)http://jsfiddle.net/Jimadine/bZe5

javascript - 在表单中使用setCustomValidity需要点击两次onsubmit

我正在开发一种表单,该表单将HTML5表单验证属性required用于各种text和radio按钮字段。该表单还有两组复选框,其中至少一个复选框必须被选中。为了保持用户错误反馈的一致性,我使用setCustomValidity方法在未选中复选框时抛出native错误气泡。这一切工作正常,但是,提交表单时存在错误反馈问题,并且onsubmit事件用于捕获未选中的复选框。当onclick事件绑定(bind)到提交按钮时不会出现此问题,但我知道最好使用onsubmit。Onclick测试用例(点击提交按钮第一次出现错误气泡!)http://jsfiddle.net/Jimadine/bZe5

javascript - Chrome 'please match the requested format' 验证消息

我正在研究HTML5验证和本地化,并设法让一些代码工作,使我能够本地化HTML5验证错误消息(见下文)。我的问题是,在Chrome中,当匹配一个模式时,你仍然会弹出一个英文窗口(或者我猜你设置了Chrome的任何语言)“请匹配请求的格式”。你如何禁止这个弹出窗口,以便我可以只使用我自己的验证消息?$(document).ready(function(){varelementsInput=document.getElementsByTagName("input");varelementsTextArea=document.getElementsByTagName("textarea");

javascript - Chrome 'please match the requested format' 验证消息

我正在研究HTML5验证和本地化,并设法让一些代码工作,使我能够本地化HTML5验证错误消息(见下文)。我的问题是,在Chrome中,当匹配一个模式时,你仍然会弹出一个英文窗口(或者我猜你设置了Chrome的任何语言)“请匹配请求的格式”。你如何禁止这个弹出窗口,以便我可以只使用我自己的验证消息?$(document).ready(function(){varelementsInput=document.getElementsByTagName("input");varelementsTextArea=document.getElementsByTagName("textarea");

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

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

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

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

jquery - element.setCustomValidity 似乎不起作用

我在电子邮件字段上有一个更改事件,该事件应该使用ajax调用来验证电子邮件地址是唯一的。问题是它告诉我该元素不支持setCustomValidity方法。请帮忙。$("#tbEmail").change(function(event){varobj=newObject();obj.email=$("#tbEmail").val();varparams=JSON.stringify(obj);$.ajax({type:"POST",url:"./controllers/Consumer.aspx/validateEmail",data:params,contentType:"applic

jquery - element.setCustomValidity 似乎不起作用

我在电子邮件字段上有一个更改事件,该事件应该使用ajax调用来验证电子邮件地址是唯一的。问题是它告诉我该元素不支持setCustomValidity方法。请帮忙。$("#tbEmail").change(function(event){varobj=newObject();obj.email=$("#tbEmail").val();varparams=JSON.stringify(obj);$.ajax({type:"POST",url:"./controllers/Consumer.aspx/validateEmail",data:params,contentType:"applic

javascript - 如何在没有提交事件的情况下显示 setCustomValidity 消息/工具提示

我使用表单基本验证来检查电子邮件格式是否正确,然后数据由Ajax发送,它检查电子邮件地址是否已在使用中以及用户是否选择国家/州或在选择框中保留默认值.但要完成HTML5表单验证,需要提交事件,如果通过则单击提交,执行基本表单验证Ajax操作,但是当结果出现时,我想使用相同的浏览器工具提示来实现界面一致性(而且我喜欢它们的外观)。那么有没有办法让他们出现,我无法找到他们是否有一些特殊事件或类似触发提交事件但立即停止的事件。现在,该字段只有红色边缘,并且将鼠标悬停在其上时会出现错误消息,而再次单击提交按钮时会显示工具提示。对于没有native工具提示的浏览器(在我的例子中是Safari),

javascript - 如何在没有提交事件的情况下显示 setCustomValidity 消息/工具提示

我使用表单基本验证来检查电子邮件格式是否正确,然后数据由Ajax发送,它检查电子邮件地址是否已在使用中以及用户是否选择国家/州或在选择框中保留默认值.但要完成HTML5表单验证,需要提交事件,如果通过则单击提交,执行基本表单验证Ajax操作,但是当结果出现时,我想使用相同的浏览器工具提示来实现界面一致性(而且我喜欢它们的外观)。那么有没有办法让他们出现,我无法找到他们是否有一些特殊事件或类似触发提交事件但立即停止的事件。现在,该字段只有红色边缘,并且将鼠标悬停在其上时会出现错误消息,而再次单击提交按钮时会显示工具提示。对于没有native工具提示的浏览器(在我的例子中是Safari),
12