Javascript 如果第三个字段不为空，则需要另外两个字段

我有三个文本字段，即：

• 州代码
• 国家代码
• 电话号码

默认情况下设置StateCode和Country code的值。
如果输入了电话号码文本字段，我希望其他两个字段成为必填字段。
如果电话号码为空，则不需要。我怎样才能做到这一点？

我制作了这把小提琴：

html

<label id="lblStateCode">State Code</label>
<input type="text" id="stateCode" value="585" />
<label id="lblCountryCode">Country Code</label>
<input type="text" id="countryCode" value="552" />
<label id="lblPhone">Phone</label>
<input type="text" id="phone" />

css

$("#phone, #stateCode, #countryCode").on("blur",function(){
if($("#phone").val() != ""){

    if($("#stateCode").val() == ""){
        $("#lblStateCode").addClass("errorClass");
    }
    else{
        $("#lblStateCode").removeClass("errorClass");
    }

    if($("#countryCode").val() == ""){
        $("#lblCountryCode").addClass("errorClass");
    }
    else{
        $("#lblCountryCode").removeClass("errorClass");
    }

}
    else{
       $("#lblStateCode").removeClass("errorClass");
        $("#lblCountryCode").removeClass("errorClass");
    }   
});
$(function(){
if($("#phone").val() != ""){

    if($("#stateCode").val() == ""){
        $("#lblStateCode").addClass("errorClass");
    }
    else{
        $("#lblStateCode").removeClass("errorClass");
    }

    if($("#countryCode").val() == ""){
        $("#lblCountryCode").addClass("errorClass");
    }
    else{
        $("#lblCountryCode").removeClass("errorClass");
    }

}
    else{
       $("#lblStateCode").removeClass("errorClass");
       $("#lblCountryCode").removeClass("errorClass");
    } 
});

.errorClass{
    color:red;
}

---

您需要应用jquery验证：

$("#form").validate({
                rules: {
                    State: { required: function () {
                            if ($('#Telephone').val() != '') return true;
                            else return false;
                        },
                    Country: { required: function () {
                            if ($('#Telephone').val() != '') return true;
                            else return false;
                        }
                  }
               messages: {
                    State: { required: "error messge" },
                    Country: { required: "error messge" }
                }
         });

---

如果你想通过“提交”按钮检查条件，请告诉我。你的答案有效，但我需要在文本字段下方显示消息。当手机非空时，是否可以不突出显示文本字段，而将信息显示为所需状态码、所需国家/地区码