2015-08-04 3 views
0

Итак, я пишу фрагмент кода, который проверяет месяц числа после того, как он был введен в текстовое поле, он проверяет, является ли оно допустимым числом месяца (1-12), и если оно не отображает сообщение об ошибке. Я получаю основной принцип, но я не понимаю, как запустить проверку после нажатия кнопки, если вы хотите помочь, это будет здорово! И попытаться базировать его ом, что у меня уже есть: рСправка по функциям HTML/Javascript для новичков

http://imgur.com/PFjAonf

+1

Если вы хотите, чтобы кто-то что-то сделать с вашим кодом, опубликовать его в качестве кода не в виде скриншота кода. – martynasma

ответ

2

function myFunction(){ 
 

 
number = document.getElementById('myText').value; 
 
    if(isNaN(number)){ 
 
    alert('Not a valid month'); 
 
    }else { 
 
     if(number > 0 && number <= 12){ 
 
     alert('valid month'); 
 
     }else{ 
 
     alert('Not a valid month'); 
 
     } 
 
    } 
 
}
Month no: <input type="text" id="myText" /> 
 
<button onclick="myFunction();">Go</button>

+0

если я вхожу в XXX в поле ввода, он возвращает «Действительный номер» –

+0

обновил мой ответ \ – Keerthi

0

оригинальный, более полный путь:

function myFunction() { 
    var month = parseInt(document.getElementById('myText').value); 
    if (typeof month === 'number' && month <= 12 && month > 0) { 
    alert('yes! valid month! '); 
    } else { 
    alert('invalid month! '); 
    } 
} 

document.getElementById('myText').value должна быть строка , и parseInt() преобразуйте его в число.

Обновление: Использовать полное решение или может вызвать массу проблем.

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

function myFunction() { 
 
    var month = document.getElementById('myText').value; 
 
    if (month <= 12 && month > 0) { 
 
    alert('yes! valid month! '); 
 
    } else { 
 
    alert('invalid month! '); 
 
    } 
 
}
<html> 
 

 
<body> 
 

 
    <title>Month Checker 3000</title> 
 

 
    <h1>Month Checker</h1> 
 
    Month Number: 
 
    <input type="text" id="myText" /> 
 
    <button onclick="myFunction()">Go</button> 
 

 
</body> 
 

 
</html>

+0

@ hopkins-matt Yea .. Не хочу делать это тяжело для Max. – iplus26

+0

Проверяет, является ли это номером или нет –

+0

Прохладный, спасибо за эту часть также: D –