Javascript 如何解决slick中的表单验证问题

Javascript 如何解决slick中的表单验证问题,javascript,html,jquery,slick.js,Javascript,Html,Jquery,Slick.js,我在引导模式中使用slick slider,在每个slick中显示输入字段,但当我验证它时,总是显示空字段,即使所有字段都已填充,我看到一个问题,当我按下slick的下一个箭头按钮时,它首先显示空输入,然后立即用我之前输入的内容填充它,如何解决这个问题 这里是这个问题的最低限度复制品 $(()=>{ 美元(“.slick产品”).slick({ 圆点:对 }); }); 功能测试(){ 常量结果=$(“形式”)[0]。检查有效性() “有效” :“无效”; $('#output').html(

我在引导模式中使用slick slider,在每个slick中显示输入字段,但当我验证它时,总是显示空字段,即使所有字段都已填充,我看到一个问题,当我按下slick的下一个箭头按钮时,它首先显示空输入,然后立即用我之前输入的内容填充它,如何解决这个问题

这里是这个问题的最低限度复制品

$(()=>{
美元(“.slick产品”).slick({
圆点:对
});
});
功能测试(){
常量结果=$(“形式”)[0]。检查有效性()
“有效”
:“无效”;
$('#output').html('');
设置超时(()=>{
$('#output').html(结果);
}, 500);
}

试验
测试
测试结果:
问题在于,slick slider在默认情况下尝试无限滚动。要做到这一点,它必须克隆滑块项目的另一个副本,以便在世界各地滑动时(从最后一个到第一个或从第一个到最后一个向后)它可以移动到位。滑块项的克隆副本包含另一个
{
美元(“.slick产品”).slick({
点:是的,
无限:错
});
});
功能测试(){
常量结果=$(“形式”)[0]。检查有效性()
“有效”
:“无效”;
$('#output').html('');
设置超时(()=>{
$('#output').html(结果);
}, 500);
}

试验
测试
测试结果:
帮助某人网站处于production@RockySims对不起,我会帮你复制这个等等2mins@RockySims现在检查它,它不显示箭头,但你可以单击点并填充字段,只有名称和图像是必需的,但检查它始终显示必需的,即使我填写了所有内容,另外,当我删除表单有效性时,只发送当前可见的值,我认为是这样。我用“a”填写姓名输入,点击点转到另一个姓名输入,在第二个姓名输入中输入“b”,选择一个图像,然后点击“测试我”,我看到
$(“#查看”)[0]。checkValidity()
,尽管看起来应该是
真的
。我想我找到了一个解决方案。我很快就会把它寄出去。