houstoncity2004@yahoo.com wrote:[color=blue]
> Hi, I need help to JavaScript. I am new to this, and am trying to[/color]
the[color=blue]
> page online ASAP. I have two submit buttons on one form, and each
> button will have to do different things.
>
> I named both button "but1". The first button has the value[/color]
"Continue",[color=blue]
> the second button has the value "new page". If someone click on the
> button with the value "Continue", I need to check if certain
> information has been filled in before proceeding, and if yes, I need[/color]
to[color=blue]
> go to page1.php (which is the second page of the form) and I have to
> save the result on a database.
>
> If someone click on the button with the value "New Page", I do not[/color]
need[color=blue]
> to check for anything, but I have to go to pagenew.php (which is a
> different version of the second page) and also save the result onto a
> database.
>
> I have the following codes, I have been trying for the whole day, it[/color]
is[color=blue]
> still not working. Would some please help me? Thank you very, very
> much!
>
> <script language="JavaScript" type="text/javascript">[/color]
'language' attribute deprecated (adios).
[color=blue]
> <!--[/color]
Stop hiding ! (ancient history)
[color=blue]
> function radio_button_checker()
> {
>
> if(radio_form.but1.value == "Continue")[/color]
You've got two form elements named 'but1', so the first is now
referenced as but1[0]
and the other is but1[1]. Their values are exactly as you wrote them in
your HTML, no need to check. ;D
Need to make this *document*.radio_form (or use
document.getElementById('radio_form') with an id.
[color=blue]
> {
> if((radio_form.Desc.value == "")
> || (radio_form.General.value == 0)[/color]
Form values are strings ---> document.radio_form.Specific.value == '0'
Are those zeros text entries? Hard to tell without the form.
[color=blue]
> || (radio_form.Specific.value == 0))
> {
> alert("Please answer all questions.")
> return (false);
> }
> return (true);
> }
>
> }
>
> function decideLink()
> {
> if(radio.form.but1.value == "Continue")
> {
> return (page1.php);
> }
> if (radio.form.but1.value == "Would Not Outsource Offshore")
> {
> return (pagenew.php);
> }
> }[/color]
Bad news all around (see below)
[color=blue]
> -->[/color]
Stop hiding !
[color=blue]
> </script>
>
>
> <form method="post" action="return decideLink()"[/color]
A form's action attribute takes a string url (or an empty string if the
form is submitting to itself). This is not a (JavaScript) event
handler. You can use a javascript
: url to call JS
(action="javascript
:doThis()") but that's rarely useful.
[color=blue]
> onsubmit="return radio_button_checker()" name="radio_form">[/color]
Try this:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>untitled</title>
<script type="text/javascript">
function Continue()
{
var f, els;
if (f = document.getElementById('radio_form'))
{
els = f.elements;
if((els.Desc.value == "")
|| (els.General.value == '0')
|| (els.Specific.value == '0'))
{
alert("Please answer all questions.")
return false;
}
else f.action = 'page1.php';
}
}
function Newpage()
{
var f;
if (f = document.getElementById('radio_form'))
f.action = 'pagenew.php';
}
</script>
</head>
<body>
<form id="radio_form" name="radio_form" action="page1.php"
method="post">
<input type="text" name="Desc" value="" />
<br />
<input type="text" name="General" value="0" />
<br />
<input type="text" name="Specific" value="0" />
<br />
<input type="submit" name="sub" value="Continue"
onclick="this.form.onsubmit=Continue" />
<input type="submit" name="sub" value="New Page"
onclick="this.form.onsubmit=Newpage" />
</form>
</body>
</html>
Clicking either button assigns a new onsubmit handler, defined above.
If JS is disabled, the form will submit anyway, to the default action.
Not sure enough about what is going on here to say more.
