Question

<script>
<form action="do-add-cek.php" id="myForm" method="post" enctype="multipart/form-data">


                                        <div class="form-group">
                                            <label>Nominal</label>
                                            <input type="text" name="nominal" class="form-control" id="nominal" onkeyup="terbilang();"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Terbilang</label>
                                            <input type="text" name="terbilang" class="form-control" id="terbilang" />
                                        </div>
                                        <div class="form-group">
                                            <label>Rekening Tujuan</label>
                                            <input type="text" name="rekTujuan" class="form-control"  onkeyup="validAngka(this)"/>
                                        </div>
                                        <div class="form-group">
                                            <label>Bank Tujuan</label>
                                            <input type="text" name="bankTujuan" class="form-control"  onkeyup="this.value = this.value.toUpperCase()" />
                                        </div>
                                        <button name="save" type="submit" class="btn btn-default">Save</button>
                                        <button name="button_reset" type="reset" class="btn btn-default">Reset</button>
                                    </form>
</script>

Answer 1

使用JavaScript debugging找出代码无法运行的原因！使用浏览器的控制台。

并使用jQuery添加侦听器而不是使用内联JS。

$('input').on('input', function(){
  console.log(this.value);
})// it is to see what is the value of your input

$('#nominal').on('input',function(){
  if (typeof terbilang === 'function')
    terbilang();
  debugger;
})
$('#terbilang').on('input',function(){
  if (typeof terbilang === 'function')
    terbilang();
})
$('[name="rekTujuan"]').on('input',function(){
  if (typeof validAngka === 'function')
    validAngka(this);
})
$('[name="bankTujuan"]').on('input',function(){
  this.value = this.value.toUpperCase();
})

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="do-add-cek.php" id="myForm" method="post" enctype="multipart/form-data">


<div class="form-group">
<label>Nominal</label>
<input type="text" name="nominal" class="form-control" id="nominal"/>
</div>
<div class="form-group">
<label>Terbilang</label>
<input type="text" name="terbilang" class="form-control" id="terbilang" />
</div>
<div class="form-group">
<label>Rekening Tujuan</label>
<input type="text" name="rekTujuan" class="form-control"/>
</div>
<div class="form-group">
<label>Bank Tujuan</label>
<input type="text" name="bankTujuan" class="form-control" />
</div>
<button name="save" type="submit" class="btn btn-default">Save</button>
<button name="button_reset" type="reset" class="btn btn-default">Reset</button>
</form>

javascript结果未在我的输入标记中显示为表单

1 个答案: