验证表单JAVASCRIPT中的已启用字段

时间:2014-01-22 02:04:59

标签: javascript jquery html

您好我正在处理代码,我遇到了一些问题。

我为我的表单创建了一个验证,如果他们选择其中一个选项,则表单有一个包含3个选项的下拉菜单,启用了4个输入字段。我创建了一个函数来验证选择后启用的那些行。唯一的问题是当我选择其他两个选项(验证应该禁用)时,它不应该验证那些输入字段,因为我不会在那里放任何数据。我需要帮助!我想在启用它们时验证它们,如果输入字段是禁用的,则它不应该验证。

我的代码就是这个。

字段: Otheremail和其他地址是从表单下拉菜单中选择其中一个选项后启用的字段。

function validate() {
    if($('#response :selected').val() == '0') {
        alert('Debe seleccionar al menos un Agente.');
        return false;
    }

    if($("#otheremail").val()=='')
    {
        alert("Por favor complete todos los campos");
        $("#otheremail").focus();
        return false;
    }

    if($("#otheraddress").val()=='')
    {
        alert("Por favor complete todos los campos");
        $("#otheraddress").focus();
        return false;
    }

};

1 个答案:

答案 0 :(得分:1)

您可以检查是否选择了启用字段的选项,否则跳过验证

function validate() {
    //if the option which enables the fields are not selected do not proceed with validation
    if ($('#myselect').val() != 'somevalue') {
        return true;
    }

    if ($('#response :selected').val() == '0') {
        alert('Debe seleccionar al menos un Agente.');
        return false;
    }

    if ($("#otheremail").val() == '') {
        alert("Por favor complete todos los campos");
        $("#otheremail").focus();
        return false;
    }

    if ($("#otheraddress").val() == '') {
        alert("Por favor complete todos los campos");
        $("#otheraddress").focus();
        return false;
    }

};