Jquery mobile 使用jquery移动数据框(mobiscroll)验证jquery

Jquery mobile 使用jquery移动数据框(mobiscroll)验证jquery,jquery-mobile,jquery-validate,datepicker,mobiscroll,Jquery Mobile,Jquery Validate,Datepicker,Mobiscroll,我在使用jQuery移动日期框时遇到jQuery验证问题 我已将验证设置为: onkeyup: false 我相信这会触发焦点/模糊选项卡事件的验证 问题是,当我使用日期框选择器设置日期时,它似乎不会触发此事件,因此,如果我有一个日期框,其中的日期符合要求,并且已填写,则仍然会显示错误消息 编辑: 这是我的小提琴: HTML 如果在填写任何内容之前点击submit,您会看到这两个字段都是必填字段。但是,在使用mobiscroll日期选择器填写日期后,该字段仍按要求列出,即使它不是空的 我已将验

我在使用jQuery移动日期框时遇到jQuery验证问题

我已将验证设置为:

onkeyup: false
我相信这会触发焦点/模糊选项卡事件的验证

问题是,当我使用日期框选择器设置日期时,它似乎不会触发此事件,因此,如果我有一个日期框,其中的日期符合要求,并且已填写,则仍然会显示错误消息

编辑:

这是我的小提琴:

HTML

如果在填写任何内容之前点击submit,您会看到这两个字段都是必填字段。但是,在使用mobiscroll日期选择器填写日期后,该字段仍按要求列出,即使它不是空的

我已将验证设置为:

onkeyup: false
onkeyup:false

我相信这会触发焦点/模糊选项卡事件的验证

您只需关闭onkeyup事件。onfocusout事件是一个完全不同的选项,并且在默认情况下是打开的,除非您也将其关闭

我无法提供更详细的解决方案,因为您没有提供任何代码

但是,您描述的问题可能可以通过使用日期选择器中内置的回调函数来解决?。类似于on change或on select的东西,如果它有这些可用的话

然后,在回调函数中,您需要调用哪个函数以编程方式触发对某个特定元素的验证测试

$('#myform').validate().element('#myelement');
如果它没有回调函数,您可以尝试这样的方法,利用元素的

$('#myelement').on('change', function() {
    $('#myform').validate().element('#myelement');
});
编辑:

关于JSFIDLE中的代码

1不要在validate中的选项后放置分号。这破坏了插件

2不要使用提交处理程序检查表单是否有效。内置的submitHandler回调已经完成了这项工作

你的标签拼写正确

OP的编辑工作:

我已将验证设置为:

onkeyup: false
onkeyup:false

我相信这会触发焦点/模糊选项卡事件的验证

您只需关闭onkeyup事件。onfocusout事件是一个完全不同的选项,并且在默认情况下是打开的,除非您也将其关闭

我无法提供更详细的解决方案,因为您没有提供任何代码

但是,您描述的问题可能可以通过使用日期选择器中内置的回调函数来解决?。类似于on change或on select的东西,如果它有这些可用的话

然后,在回调函数中,您需要调用哪个函数以编程方式触发对某个特定元素的验证测试

$('#myform').validate().element('#myelement');
如果它没有回调函数,您可以尝试这样的方法,利用元素的

$('#myelement').on('change', function() {
    $('#myform').validate().element('#myelement');
});
编辑:

关于JSFIDLE中的代码

1不要在validate中的选项后放置分号。这破坏了插件

2不要使用提交处理程序检查表单是否有效。内置的submitHandler回调已经完成了这项工作

你的标签拼写正确


OP的编辑工作:

你的代码很受欢迎;您只需关闭onkeyup。onfocusout事件是一个不同的选项,并且在默认情况下是打开的,除非您也将其关闭。您必须显示所有相关代码,包括日期选择器;您只需关闭onkeyup。onfocusout事件是一个不同的选项,并且在默认情况下是打开的,除非您也将其关闭。您必须显示所有相关代码,包括日期选择器。我修复了其中一些内容,但今天没有保存在JSFIDLE中。例如,我更改了表单内容并点击了更新,但没有骰子?我修复了其中一些内容,但今天没有保存在JSFIDLE中。例如,我更改了表单内容并点击了更新,但没有骰子?