Javascript Form How to - Compare input text value in if statement

Question

We would like to know how to compare input text value in if statement.

Answer


<!--   w  ww. ja  v  a 2  s .c  o  m-->
<html>
<head>
<script type="text/javascript" language="javascript">
function DisplayValue(){
    if(document.MyForm.MyTextField.value!==""){
        console.log("The value entered was \n" + document.MyForm.MyTextField.value);
    }
    else{
        console.log("The text field was empty!\nPlease enter your name.");
    }
}
</script>
</head>
<body>
    <form name="MyForm" action="" method="Post" onsubmit="DisplayValue()">
        <input type="text" name="MyTextField"/><P>Enter your name</p>
        <input type="submit" value="Click to Submit"/>
    </form>
</body>
</html>

The code above is rendered as follows: