wordpress 从另一个选择中选择选项时的表单验证

iswrvxsc  于 2023-04-20  发布在  WordPress
关注(0)|答案(1)|浏览(237)

我有一个2选择的表单。当用户从选择B中选择选项时,它会使用此脚本从选择A中显示特定值:

var $ = jQuery;
 $(document).ready(function () {
     
    $('#ville_livraison').change(function(){
    
    $('#ville_livraison option[value*="74890"]').addClass('cp-74890');
         
    if ($('#ville_livraison option:selected').hasClass('cp-74890')) {
        $('#code_postal_livraison').val("74890");
    }
    
    })
    
    $('#ville_livraison').trigger('change');
});

选择A = #code_postal_livraison并选择B = #ville_livraison。我遇到的问题是,当以这种方式选择值时,表单不会提交,就像没有选择任何选项一样。即使用户没有手动选择选项,我如何验证表单?
您可以检查它here。表格在右边,您必须检查“se faire livrer + on le récupère”以查看选择的元素。

qeeaahzv

qeeaahzv1#

带有#ville_livraison的select标签有一个必需的属性,因此在提交表单时要求此输入具有一个值。如果该值为空,浏览器将给予一个验证通知。#ville_livraison中的每个选项都有效,除了Ville。这是因为Ville的选项标签有一个value属性,但该value属性没有值。尝试将“Ville”作为值添加到此选项标签。

相关问题