Question

如果用户在框中留下信息，我有一个页面需要弹出错误消息。

用户从销售下拉列表中选择“是”并从新产品下拉列表中选择价格（例如£10）。然后他们将销售下降更改为“否”，但保留价格（10英镑），此信息将提交到数据库。

如何在销售下拉列表中选择“否”时，添加代码以警告用户他们已经离开了价格（10英镑）？

<form name="test" onsubmit="return validateForm()" method="POST">
          <table width="716">

    <input name="CallType2" type="hidden" id="CallType2" value="Unfulfilled Sales"/></td>
</tr><tr>
  <td style="text-align: left;">Mobile Number: </td>
  <td colspan="2" style="text-align: left;"><input name="MobileNumber" type="text" id="MobileNumber" maxlength="11" /></td>
</tr>

<tr>
  <td style="text-align: left;">Sale:</td>
  <td colspan="2" style="text-align: left;"><select name="Sale" id="Sale" onchange="display(this,'Yes','No');" >
    <option value=""></option>
    <option value="No">No</option>
    <option value="Yes">Yes</option>
  </select>  </td>
</tr>
<tbody id="Yes" style="display: none;">
      <tr>
        <td class="title"><div align="left">New Product:</div></td>
        <td colspan="2" class="field">
          <div align="left">
            <label>
                        <select name="SaleProduct" id="SaleProduct">
                                 <option value=""></option>
            <option value="£10">£10</option>
            <option value="£6.50">£6.50</option>


          </select>            </label>
          </div></td>
      </tr>

 <tr>
         </p>
        </div></td>
      </tr> 
          <tbody id="No" style="display: none;">
      <tr>
        <td class="title"><div align="left">Non Sale Reason:</div></td>
        <td colspan="2" class="field">
          <div align="left">
            <label>
                        <span style="text-align: left;">
                        <select name="CancelReason" id="CancelReason">
                          <option value=""></option>
                          <option value="Account changes incomplete">Account changes incomplete</option>
                          <option value="Customer Credit Rating">Customer Credit Rating</option>
                          <option value="Handset Ineligible Damaged">Handset Ineligible Damaged</option>
                          <option value="Handset Ineligible (Matrix)">Handset Ineligible (Matrix)</option>
                          <option value="Migration not yet complete">Migration not yet complete</option>
                          <option value="No transaction number">No transaction number</option>
              <option value="Insurance already on account">Insurance already on account</option>

                        </select>
                        </span></label>
          </div></td>
      </tr>  
    </tbody>


</tr>

        </tr>

<br>
    </tr>
          </table>


          <p>
  <input type="hidden" name="MM_insert" value="test">
          <p align="center">
            <input type="submit" name="Submit" value="Submit" />
  </p>
</form>
</fieldset>
</body>

https://jsfiddle.net/hpowe25j/

已经有一个validateForm（）在提交时运行，以检查其他框（我已从此示例中删除）未留空

谢谢

Answer 1

我不认为在这一点上警告用户是正确的做法。他们不想出售，为什么他们应该收到价格的警告。我认为如果Sale = No。

，你应该删除validateForm函数中的值

if(document.getElementById("Sale").value == undefined || document.getElementById("Sale").value == 'No')
    document.getElementById('SaleProduct').value = "";

或者，如果您确实想要警告用户，请更改从onchange事件触发的“显示”功能。将其添加到代码

if(document.getElementById("Sale").value == 'No' && document.getElementById('SaleProduct').value != '')
    alert('You should remove the price!'); // or make some div visible that contains the error message

您也可以在validateForm上执行此操作。

如果用户离开下拉列表填充文本，则进行表单验证

1 个答案: