javascript - 如何验证用户应该输入两个字段中的任何一个

Question

表单html

<form action="" method="post" name="add_new_report" id="add_new_report" enctype="multipart/form-data" onsubmit="return AddNewReport(this)">
   <div class="field">
              <div class="field_180">Cheque</div>
              <div class="field_30">:</div>
              <div class="field_220">
                <input type="text" name="cheque" id="cheque" onChange="updatesum()" />
              </div>
              <div class="clear"></div>
            </div>
            <div class="field">
              <div class="field_180">Cash</div>
              <div class="field_30">:</div>
              <div class="field_220">
                <input type="text" name="cash" id="cash" onChange="updatesum()" />
              </div>
              <div class="clear"></div>
            </div>

<div class="field">
              <div class="field_210">&nbsp;</div>
              <div class="field_222">
                <input type="submit" id="Submit" name="Submit" value="Submit"  />
              </div>
              <div class="clear"></div>
            </div>
          </form>

在这种形式中，用户应该输入支票或现金字段怎么可能？我不想两者都是强制性的。

Answer 1

只需将此功能添加到您的标题中：

<script>
    function validateForm()
    {
    var x=document.forms["add_new_report"]["cheque"].value;
    var y=document.forms["add_new_report"]["cash"].value;
    if ((x==null || x=="") && (y==null || y==""))
      {
      alert("At least one entry should be filled");
      return false;
      }
     else 
      return true
     }
</script>

并更改以下字段：

 onsubmit="if(validateForm()) return AddNewReport(this)"

您还可以在 validateForm 函数中包含 AddNewReport 并且只返回 validate(this) 函数。

Answer 2

如果您绝对不关心 IE <9，您可以使用以下内容。（否则将在 IE 中无法使用的代码替换为可以使用的代码）

function oneShouldHaveData(ids) {
    var elements = [];

    //convert ids to elements (map no IE<9)
    elements = ids.map(function (id) {
        return document.querySelector('#' + id);
    });

    //returns true if any element matches expression (some no IE <9)
    return elements.some(function (element) {
        //could be validation for anything (greater 0 etc.)  
        return !!element.value;
    });
}

//just submit setup :)
document.querySelector('#add_new_report').addEventListener('submit', function () {
    console.log(oneShouldHaveData(['cheque', 'cash']));
});

http://jsfiddle.net/LXprX/1/