"yakalanmamış TypeError: Object bir işlev değil" JavaScript

Question

Bunun neden çalışmadığını anlamakta sorun yaşıyorum. Formumda iki alanım var ve bir düğmeyi tıklattığımda, başka bir metin alanı değeri işleve göre değiştirilir. Bunu nasıl çalıştırabilirim? Ben geliştirici araçlarını kullanarak Google Chrome'da bu debuging ediyorum ve hatayı alıyorum

function calculate() 
{ 
    var odometerStart = parseFloat (document.getElementById('odometerStart').value); 
    var odometerEnd = parseFloat(document.getElementById('odometerEnd').value); 
    var distance = document.getElementById('distance'); 
    var amount = document.getElementById('amount'); 

    distance.value = odometerEnd - odometerStart;  
} 

var val = $("#taskentry").validate({ 
    rules: { 
     tripDate: {required: true} 
     tripContact: {required: true} 
     odometerStart: {required: true}  
    } 
}); 


Odometer: Start <input type="number" name="odometer[Start]" id="odometerStart" min="0" max="999999" placeholder="0" class="required"/><br/> 
Odometer: End <input type="number" name="odometer[End]" id="odometerEnd" min="0" max="999999" placeholder="999999" class="required"/><br/> 
Comments <textarea name="comments" id="comments" rows="2" cols="2"></textarea><br/> 
Distance <input type="text" name="distance" id="distance" value="" placeholder="0.00"/><br/> 
<input type="button" name="calculate" value="Calculate" onclick="calculate()"/> 

: hesapla düğmesi noktada "yakalanmamış TypeError nesne bir işlev değil". kimlik özelliklerine dayanarak tarayıcı otomatik nesneleri doldurur -

Ben de aynı sorun var ve sebep buldum Sorunuzun ve benim cevap :) arasındaki büyük boşluk için

var val = $("#taskentry").validate({ 
    rules: { 
     tripDate: {required: true}, 
     tripContact: {required: true}, 
     odometerStart: {required: true}  
    } 
}); 

Answer 1

Belki virgül gereksinim Sayfadaki html etiketleri. Senin durumunda Basit bir test

<div id='test'>Just testing</div> 
<script type='text/javascript'> 
alert(test.innerHTML); 
</script> 

Eğer id = 'hesapla' bir öğe vardı, yeniden adlandırmak veya hesaplamalar için kullandığınız fonksiyonunu yeniden adlandırın. Benim durumumda

Answer 2

Maalesef:

Answer 3

, ben

<input type="button" class="button" id="register" title="register" value="Sign Up!" onclick="register()" />

var ve JavaScript işlevini register() çağırdığınızda aynı uyarıyı almak, bunu input etiketinde id veya title nitelikleri ile çelişki olduğunu tahmin, bu yüzden sadece ben Bu işlevi signup() gibi başka bir adla değiştirip, çalışır.

Umarım yardımcı olur. :)

Answer 4

Bu sorunu, oluşturduğum, Firefox ile mükemmel bir şekilde çalışan ve bu hatayı Chrome ve Safari ile veren bir işlevle yaşadım. Çözüm: işlevin adını değiştirir. Orijinal adı, expand_compress (target) ile değiştirilen expand(target) idi. Ve çalıştı. expand() işlevinin Firefox