仅需要3个表单字段中的2个

时间:2016-07-15 07:00:47

标签: javascript jquery

我正在制作收益计算器。有3个领域。收益百分比,购买价格和租金。

例如,我想要10%的收益率,我支付500k,然后我的计算器将获得月租金以达到10%的收益率。 另外,如果我想要10%的收益率,并且我输入500的月租金,那么我的计算器就会获得购买价格。 最后,如果我支付500k,并且让租金为500,那么我的计算器将获得收益百分比。

<form>
   <input type="number" name="purchase_price">
   <input type="number" name="rent">
   <input type="number" name="yield">
   <input type="submit" value="Calculate">
</form>

此外:

如何填充,如果填充了任何2个字段,那么第3个字段是否被禁用?

示例:

价格&amp;租金=收益率领域被禁用

价格&amp; yield =租用字段被禁用

租金&amp; yield = price字段被禁用

2 个答案:

答案 0 :(得分:1)

在我的代码示例中,我定位的是非提交按钮的所有输入。因此,如果你在其他地方有一个输入字段,这将停用它。我使用它是为了简单,你应该在表单中添加一个id或类。

&#13;
&#13;
PYTHONPATH="/usr/local/Cellar/python3/3.5.1/"
&#13;
string removeCommaInString = formatArrayString.Replace(":", "").Replace(",", "");
&#13;
&#13;
&#13;

答案 1 :(得分:0)

试试这个:

<form id="calculator">
  Price <input type="number" name="purchase_price" class="input"><br/>
  Rent <input type="number" name="rent" class="input"><br/>
  Yield <input type="number" name="yield" class="input"><br/>
  <input type="submit" value="Calculate">
</form>

现在,您的jQuery代码:

$("#calculator").on("submit", function(e) {
    e.preventDefault();
    var blank = 0;
    $('.input').each(function() {
        if ($(this).val() == '') {
           blank++;
        }
    });
    if (blank <= 1) {
        //console.log("Submitted!");
        $(this).submit();
    }
 });

参考JS小提琴:https://jsfiddle.net/ahpj6o6h/4/