Question

好的，所以我有一个需要验证的表格/表单，请确保提交时没有空白的输入字段。要注意的是，我只需要根据表顶部的选定选项对某些字段进行验证。

需要： Op1->名称，城市，州，电话，邮政编码。

需要： Op2->名称，城市，州，电话，邮政编码，ssn。

需要： Op3->名称，城市，州，电话，邮政编码，ssn。

需要： Op4->名称，城市，州，电话，邮政编码，DOB等。

我想知道我是要以正确的方式进行操作，还是有更好的方法来进行此操作。

旁注：选项值是从后端动态创建的，我无法将任何ID /值添加到选项标签中。

    $(document).ready(function () {  

        $('select').on('change', function () {

            $( "p" ).append($( "input" ).map(function() {
                return $( this ).val();
            }).get().join( ", " ) );

            $('table').append($('input').map(function () {                
                console.log($(this).val()); 
            }).get().join(', ')); 


            let selValue = $('select option:selected').text();

            if(selValue == 'Option 1'){ 
                //check if required fields are blank, if so throw error
                console.log('value 1 is selected');              

            }else if(selValue == 'Option 2'){ 
                //check if required fields are blank, if so throw error
                console.log('value 2 is selected');

            } else if(selValue == 'Option 3'){ 
                //check if required fields are blank, if so throw error
                console.log('value 3 is selected');

            }else if(selValue == 'Option 4'){ 
                //check if required fields are blank, if so throw error
                console.log('value 4 is selected');                
            }else { 
                //submit form. 
                //$("form").submit(); 
            }
        });

和加入的JavaScript

{{1}}

如果还有其他需要的信息，请告诉我，我会尽快发布。

Answer 1

您需要解决的问题很少-

1）表单标签关闭处还应包含“提交”按钮。

2）如果您使用该按钮提交表单，则将type="submit"添加为表单的属性。

检查此小提琴以进行验证-https://jsfiddle.net/8o0smzth/3/

我已注释掉部分代码。请随时询问您是否还有其他问题。

根据选项菜单中的选择来验证选择输入字段

1 个答案: