Home/ Questions/Q 9125523
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-17T06:49:24+00:00

So I am loading an html page with a basic script and a basic

  • 0

So I am loading an html page with a basic script and a basic form. However when the page loads there are two radio buttons the user can select, YES or NO. If you the user selects neither, I would like to present an alert box. I successfully present the alert box, but when the user clicks the “okay” button within the alert box the user is redirected to a different page. I added the statement, return false; in hopes that this wouldn’t happen.

The code is as follows,

<!-- Javascript radiobutton form validation -->

<script type="text/javascript">

function valForm(form) {

    if(!document.getElementById('splash_false').checked && !document.getElementById('splash_true').checked  ) {
        alert('You either like splash pages or dislike em, choose one ...please');
        return false;
    }
}

</script>

<!-- Javascript radiobutton form validation END -->


</head>

<body>
<img src="pics/DSCN1566-300x225.jpg" alt="" width="640" height="auto"  />
<h1>Hello Javascript redirection.</h1><br />

<p>
<form name="tosplashornottosplash" action="splash-process.php" method="post">
Splash pages are stupid.

<input type="radio" name="splash" id="splash_false" value="false" /> No
<input type="radio" name="splash" id="splash_true" value="true" /> Yes

<input type="submit" name="splashSubmit" onClick="return valForm(tosplashornottosplash)" value="Enter" />
</form>
</p>
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You should place your handler in the form’s onsubmit callback

    <form onsubmit="return valForm(this)" action="splash-process.php" method="post">

    Returning false to the onsubmit handler will prevent your form from being posted

    • 0