IF 语句验证.js

IF statement validate.js

本文关键字：js 验证语句 IF 更新时间：2023-09-26

我用隐藏字段编写了一个表单，如果用户通过单选框选择"电话"，则会显示另一个字段。

我需要使用 validate.js 验证表单中的字段，在我尝试使用 if 语句之前，表单和验证正在工作。

代码：

$(document).ready(function(){
    $('#info_tel').hide(); 
    $('input[type="radio"]').click(function(){
        if($(this).attr("value")=="2"){
            $("#info_tel").show();
            $("#form1").validate({
                rules: {
                    nombre: "required",
                    apellido1: "required",
                    email: {
                        required: true,
                        email: true
                        },
                    terminos: "required",
                    telefono: "required"
                },
                messages: {
                    nombre: "*Requerido.",
                    apellido1: "*Requerido.",
                    email: "*Requerido.",
                    terminos: "*Requerido."
                }
            });
        }
        if($(this).attr("value")=="1"){
            $('#info_tel').hide();
            $("#form1").validate({
                rules: {
                    nombre: "required",
                    apellido1: "required",
                    email: {
                        required: true,
                        email: true
                        },
                    terminos: "required"
                },
                messages: {
                    nombre: "*Requerido.",
                    apellido1: "*Requerido.",
                    email: "*Requerido.",
                    terminos: "*Requerido."
                }
            });
        }
    });


});

这有效，但是如果我提交表单而不单击input[type="radio"]，则根本不会验证。

我做到了。完整代码：

$(document).ready(function() { 
        $("#form1").validate({
            rules: {
                nombre: "required",
                apellido1: "required",
                email: {
                    required: true,
                    email: true
                    },
                terminos: "required"
            },
            messages: {
                nombre: "*Requerido.",
                apellido1: "*Requerido.",
                email: "*Requerido.",
                terminos: "*Requerido."
            }
        });
        $('#info_tel').hide(); 
        $('input[type="radio"]').click(function(){
            if($(this).attr("value")=="2"){
                $("#info_tel").show();
                //tel required
                $( "#telefono" ).rules( "add", {
                  required: true,
                  minlength: 10,
                  messages: {
                    required: "*Requerido.",
                    minlength: jQuery.format("{0} digitos")
                  }
                });
            }
            if($(this).attr("value")=="1"){
                $('#info_tel').hide();
            }
        });
    });