表单控件的javascript函数没有'；不行，它不行'；如果有一个>；_Javascript

表单控件的javascript函数没有'；不行，它不行'；如果有一个>；

javascript

表单控件的javascript函数没有'；不行，它不行'；如果有一个>；,javascript,Javascript,html 我试图检查数量，如果数量大于购买量，我应该将红色输入文本涂成颜色，并将文本插入范围，但它不起作用。更改 function validateQuantita(){ var quantita = document.getElementById('quantita').value; var quantitaAcquisto = document.getElementById('quantitaAcquisto').value; var span = document.

html

我试图检查数量，如果数量大于购买量，我应该将红色输入文本涂成颜色，并将文本插入范围，但它不起作用。

更改

function validateQuantita(){
    var quantita = document.getElementById('quantita').value;
    var quantitaAcquisto = document.getElementById('quantitaAcquisto').value;
    var span = document.getElementById('quantitaControl');
    document.acquista.quantita.style.color='#000000';
    span.innerHTML = "";
    if (quantita > quantitaAcquisto){
        document.acquista.quantita.style.color='red';
        span.innerHTMl = "non hai abbastanza azioni";
    }
}

到

改变

span.innerHTML = ...

到

你的问题是innerHTML输入错误，不是l而是l，都是大写字母。并将字符串值解析为int，以便进行比较

这将按照您期望的方式运行：

if (quantita > parseInt(quantitaAcquisto, 10)){


用户名


电子邮件


密码


数量


函数validateQuantita（）{
var quantita=document.getElementById（'quantita'）。值；
var quantitaAcquisto=document.getElementById（'quantitaAcquisto'）.value；
var span=document.getElementById（'quantitaControl'）；
document.acquista.quantita.style.color='#000000'；
span.innerHTML=''；
if（parseInt（quantita，10）>parseInt（quantitaAcquisto，10））{
document.acquista.quantita.style.color='red'；
span.innerHTML='non hai abbastanza azioni'；
}
}

Jsbin here:

这些是字符串。A会很有帮助。“应该给输入文本涂上红色……但它不起作用”-当我测试它时，它似乎变成红色。清晰的问题陈述使调试更容易。

span.innerHTML = ...

if (quantita > quantitaAcquisto){

if (quantita > parseInt(quantitaAcquisto, 10)){

<html>
<header>
</header>
<body>
<form name="acquista" id="registration-form">
  User name
  <input name="user"><br>
  E-mail
  <input name="email"><br>
  Password
  <input name="psw"><br>
  <input id="quantitaAcquisto" type="hidden" name="quantitaAcquisto" value="100">
  quantita
  <input id="quantita" type="number" name="quantita" onkeyup="validateQuantita()"><br>
  <span id="quantitaControl"></span>
  <input type="submit" value="Validate">
</form>
<script>
  function validateQuantita() {
    var quantita = document.getElementById('quantita').value;
    var quantitaAcquisto = document.getElementById('quantitaAcquisto').value;
    var span = document.getElementById('quantitaControl');
    document.acquista.quantita.style.color = '#000000';
    span.innerHTML = '';
    if (parseInt(quantita, 10) > parseInt(quantitaAcquisto, 10)) {
      document.acquista.quantita.style.color = 'red';
      span.innerHTML = 'non hai abbastanza azioni';
    }
  }
</script>

</body>
</html>