change button text and submit

Christiaan · Jan 6, 2004

I am trying to create a small javascript to change the button text and
then submit it and do all kinds of form validations.
So I have a button with the value "Save", when the button is clicked
it should change into "Are you sure" and when you then click the
button the form must be submitted. I know this is possible using a
simple dialog box but I want to this it this way. This is what I
already have, if you have any suggestions please reply..

<head>
<script language="javascript">

</script>
</head>
<body>
<form name=frm1 action="blabla.asp">
<input type=hidden>
<input type="submit" value="Save">
</form>
<body>

McKirahan · Jan 6, 2004

Christiaan said:
I am trying to create a small javascript to change the button text and
then submit it and do all kinds of form validations.
So I have a button with the value "Save", when the button is clicked
it should change into "Are you sure" and when you then click the
button the form must be submitted. I know this is possible using a
simple dialog box but I want to this it this way. This is what I
already have, if you have any suggestions please reply..

<head>
<script language="javascript">

</script>
</head>
<body>
<form name=frm1 action="blabla.asp">
<input type=hidden>
<input type="submit" value="Save">
</form>
<body>

Clicking a button basically means "OK" so if you ask "Are you sure?" how
will they not say "OK"?

Here's a solution but with the "confirm" dialog that you don't want:

<html>
<head>
<title>r-u-sure.htm</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<form name="frm1" action="blabla.asp" method="post" onsubmit="return
confirmButton()">
<input type="submit" value="Save">
</form>
<body>
</body>
</html>

Here's a solution based on your code but without a way to not say "OK".

<html>
<head>
<title>r_u_sure.htm</title>
<script language="javascript" type="text/javascript">

</script>
</head>
<body>
<form name="frm1" action="blabla.asp" method="post">
<input type="button" name="button1" value="Save" onclick="confirmButton()">
</form>
<body>
</body>
</html>

Jeff North · Jan 7, 2004

On 6 Jan 2004 12:13:10 -0800, in comp.lang.javascript

| I am trying to create a small javascript to change the button text and
| then submit it and do all kinds of form validations.
| So I have a button with the value "Save", when the button is clicked
| it should change into "Are you sure" and when you then click the
| button the form must be submitted. I know this is possible using a
| simple dialog box but I want to this it this way. This is what I
| already have, if you have any suggestions please reply..
|
| <head>
| <script language="javascript">
| 
| </script>
| </head>
| <body>
| <form name=frm1 action="blabla.asp">
| <input type=hidden>
| <input type="submit" value="Save">
| </form>
| <body>

You might want to try:

<form name="frm1" action="blabla.asp" onsubmit="return
confirmButton();">
....
</form>

function confirmButton()
{
if( document.frm1.button1.value == "Save") {
document.frm1.button1.value = "Are you Sure";
return false;
} else {
document.frm1.button1.value = "Save";
return true;
}
}

Need Help, Both submit button works same, i need both submit button works differently, the one button override other button	3	Nov 9, 2022
Uncaught ReferenceError: item is not defined at HTMLButtonElement.onclick in the: <button onclick="item.inserir()">Inserir dados</button>	1	Apr 22, 2023
how to force click event on disabled submit button	4	Jan 9, 2004
HCaptcha - How to stop page from refreshing on submit if captcha is not checked/validated	1	Aug 29, 2023
Function call from button to automatic	7	Mar 17, 2023
Problems with using event handlers for button and textarea input	1	Nov 29, 2021
Radio button inside input element	3	Mar 29, 2023
can't submit a form	0	Oct 24, 2009

change button text and submit

Christiaan

McKirahan

Jeff North

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads