javascript - 如何使用 Javascript 减去两个文本框值并显示在另一个文本框中

Question

我想确定在文本框中输入的两个数字之间的范围并将其显示在另一个文本框中。

我正在使用 onBlur 事件。

最初我在结果文本框中得到 NaN。

后来我使用了 ParseInt 现在没有显示任何值。

我的代码:

<script type="text/javascript">
function countRows(){

    var rows=document.getElementById("rows");
    var startMsisdn=parseInt(document.getElementByName("startmsisdn").value);
    var endMsisdn=parseInt(document.getElementByName("endmsisdn").value);
    rows.value=endMsisdn-startMsisdn;

}

</script>

HTML 代码:

                <div class="col-md-4">
                    <label>MSISDN Start Range </label> <input class="form-control"
                        type="text" name="startmsisdn"
                        placeholder="MSISDN Starting Range" required>
                </div>
                <div class="col-md-4">
                    <label>MSISDN End Range </label> <input class="form-control"
                        type="text" name="endmsisdn" placeholder="MSISDN Ending Range"
                        required>
                </div>
            </div>
            <br>
            <div class="row">
                <div class="col-md-4">
                    <label>IMSI Start Range </label> <input class="form-control"
                        type="text" name="startimsi" placeholder="IMSI Starting Range"
                        required>
                </div>
                <div class="col-md-4">
                    <label>IMSI End Range </label> <input class="form-control"
                        type="text" name="endimsi" placeholder="IMSI Ending Range"
                        required onblur="countRows()">
                </div>
                <div class="col-md-4">
                    <label>No of rows </label> <input class="form-control"
                        type="text" name="rows"  id="rows"
                        required>
                </div>

Answer 1

为空字段添加默认值

尝试通过输入字段的 id 获取元素；

像这样

HTML

div class="col-md-4">
<label>IMSI Start Range </label> 
<input class="form-control"
   type="text" id="startimsi" name="startimsi" placeholder="IMSI Starting Range"
   required>
</div>
<div class="col-md-4">
   <label>IMSI End Range </label> 
   <input class="form-control"
      type="text" id="endimsi" name="endimsi" placeholder="IMSI Ending Range"
      required onblur="countRows()">
</div>

Javascript

var startMsisdn=parseInt(document.getElementById("startmsisdn").value) || 0;
var endMsisdn=parseInt(document.getElementById("endmsisdn").value) || 0;