2015-11-10 6 views
-2

Я хочу сделать оповещение для формы ввода caharcter, что зависит от типа данных,оповещения форма ввода

, когда я ввожу неправильный ввод, предупреждение предъявляется как этот enter image description here

<head> 
<script type="text/javascript"> 
    function check_field(id) { 
     var field = document.getElementById(id); 
     var d = document.getElementById('plus'); 
     if (isNaN(field.value)) { 
      d.innerHTML += "Is not number"; 
     } 
    } 
</script> 
</head> 
<body> 
<form> 
    <input type="text" id="t_field" onchange="check_field('t_field');"/><b id='plus'></b><br> 
    <input type="text"/> 
</form> 
</body> 

Когда я попробуйте удалить входной символ, предупреждение все еще отображается, я хочу, чтобы предупреждение изменилось на другое предупреждение, иначе оно исчезнет с экрана.

проблема выше решена, но есть одна проблема больше

loop

вы понимаете, что я имею в виду?

+0

Пожалуйста Лоо k на мой ответ. Существует конкатенация не числа, потому что вместо этого вы используете '+ =' use '=', как в моем ответе. –

ответ

2

Добавить блок else для обработки, когда это правильный ввод.

if (isNaN(field.value)) 
{ 
    d.innerHTML = "Is not number"; 
} 
else 
{ 
    d.innerHTML = ""; 
} 

<head> 
 
<script type="text/javascript"> 
 
    function check_field(id) { 
 
     var field = document.getElementById(id); 
 
     var d = document.getElementById('plus'); 
 
     if (isNaN(field.value)) { 
 
      d.innerHTML = "Is not number"; 
 
     } 
 
     else 
 
     { 
 
      d.innerHTML = ""; 
 
      } 
 
    } 
 
</script> 
 
</head> 
 
<body> 
 
<form> 
 
    <input type="text" id="t_field" onchange="check_field('t_field');"/><b id='plus'></b> 
 
</form> 
 
</body>

0

function check_field(id) { 
 
     var field = document.getElementById(id); 
 
     var d = document.getElementById('plus'); 
 
     if (isNaN(field.value)) { 
 
      d.innerHTML = "Is not number"; 
 
     } else { 
 
      d.innerHTML = ""; 
 
     } 
 
    }
<head> 
 
</head> 
 
<body> 
 
<form> 
 
    <input type="text" id="t_field" onkeyup="check_field('t_field');"/><b id='plus'></b><br> 
 
    <input type="text"/> 
 
</form> 
 
</body>

0

Пожалуйста минимизируют ваш код ниже

<head> 
     <script type="text/javascript"> 
      function check_field(id) { 
       var d = document.getElementById('plus'); 
       if (isNaN(id.value)) { 
        d.innerHTML = "Is not number"; 
       } 
       else 
       { 
        d.innerHTML = ""; 
       } 
      } 
     </script> 
     </head> 
     <body> 
     <form> 
      <input type="text" id="t_field" onchange="check_field(this);"/><b id='plus'></b><br> 
      <input type="text"/> 
     </form> 
     </body> 
Смежные вопросы