比文本框中的NaN更具描述性的文本

Question

我有一个带有选择框的表单

假设您选择转换自的选项和转换为的选项，而不是在结果文本框中获取NaN，我想要一个更具描述性的文本，如

“请在左侧的输入栏中输入一个数字”

如果有人在输入字段上输入除数字以外的任何内容，则会发生同样的事情。我希望文本字段中显示相同的文本。

我无法弄清楚该怎么做？

Answer 1

在更改文本

之前运行if语句

if (math is NaN) //change text
else //number

Answer 2

if(input is a number){
   display the result
}
else{
   display your custom message both in result and input textbox
}

您甚至可以在输入文本框的下方或左侧放置一个空的分区标记，并在错误中使用

在div中显示您的消息

div.innerHTML(Your message); 

或者，只要用户输入一些值并离开输入文本框，就会验证。

Answer 3

    if (isNaN(document.querySelectorAll('.result')[0].innerHTML))
{
document.querySelectorAll('.result')[0].innerHTML = "Please enter a number in the input field and choose all the select fields from the left hand side ... " 
}