javascript - innerHTML is working on body element but not p element -


i want display message on screen says "please enter valid email address" if email address not valid. innerhtml statement body element working fine 1 i'm using p element doesn't work.

one time when testing it, saw message "please enter valid email address" display , after clicked ok button "not valid" alert box message went away.

javascript:

<script type="text/javascript">       function validateemail() {     var emailrule =  /^(([^<>()[\]\\.,;:\s@\"]+(\.[^<>()[\]\\.,;:\s@\"]+)*)|(\".+\"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-za-z\-0-9]+\.)+[a-za-z]{2,}))$/;        if (emailrule.test(document.forms[0].email.value)) {        document.getelementbyid("body").innerhtml = "thank signing our newsletter! recieve confirmation email shortly.";        settimeout("window.close()", 3000);     }     else        window.alert("not valid");       //for debugging        document.getelementbyid("message").innerhtml = "please enter valid email address"; }   </script> 

html:

</head> <body id="body"> <p>if sign our newsletter entered drawing win free clothes every month!</p> <br> <p id="message"> </p> <form action="" onsubmit="validateemail();"> <p>email: <input type="text" name="email"/> <input type="submit" value="sign up"/></p> <br> <input type="button" value="no thanks" onclick="window.close()"/> <br> </form> <p><a href="privacy.html">privacy policy</a></p> </body> </html> 

the form submitting no mather because don't prevent default action. that's why message appear (working) , disappear (page reload)

function validateemail(e) {     if( valid ) { /* stuff */ }     else {       e.preventdefault(); // prevent form submission     /* etc */ 

Popular posts from this blog

How to calculate SNR of signals in MATLAB? -

c# - Attempting to upload to FTP: System.Net.WebException: System error -

ios - UISlider customization: how to properly add shadow to custom knob image -