如何在JavaScript中测试Mondial Relay的IDmondial字段是否为空

架构老林

2026-8-23

问题

已成功在网站上集成Mondial Relay组件，现需实现以下功能：测试$("[name='IDmondial']").val(data.ID)对应的字段是否为空，若为空则在HTML中显示‘字段为空’，否则显示‘字段不为空’。以下是获取Mondial Relay信息的现有代码：

function(data) {
    //input hidden
    $("[name='IDmondial']").val(data.ID);
    $("[name='NOMmondial']").val(data.Nom);
    $("[name='ADRESSEmondial']").val(data.Adresse1);
    $("[name='CPmondial']").val(data.CP);
    $("[name='VILLEmondial']").val(data.Ville);
    $("[name='PAYSmondial']").val(data.Pays);
}

请问如何在JavaScript中实现该变量测试功能？

解决方案

1. 先添加显示结果的HTML元素

在页面合适位置插入用于展示状态的容器：

<div id="idmondial-status"></div>

2. 修改回调函数添加判断逻辑

直接在现有赋值代码后加入空值判断逻辑，代码如下：

function(data) {
    // 给隐藏字段赋值
    const idMondialEl = $("[name='IDmondial']");
    idMondialEl.val(data.ID);
    $("[name='NOMmondial']").val(data.Nom);
    $("[name='ADRESSEmondial']").val(data.Adresse1);
    $("[name='CPmondial']").val(data.CP);
    $("[name='VILLEmondial']").val(data.Ville);
    $("[name='PAYSmondial']").val(data.Pays);

    // 检测IDmondial字段是否为空
    const idValue = idMondialEl.val().trim();
    const statusEl = $("#idmondial-status");
    
    if (!idValue) {
        statusEl.text("字段为空");
    } else {
        statusEl.text("字段不为空");
    }
}