I have a form which has 1 textArea and 2 buttons.
Let’s call the 1st button “no_empty.htm” because it doesn’t approve empty textArea.
Let’s call the 2nd button “OK_empty_BUT_alert.htm” because empty textArea is possible but it make the user to check with an alert saying “are you sure that it’s empty?”
I like to make it like the following.
If a user clicks the 1st button "no_empty.htm without any text in the textArea.
it says “message, please!.” with a confirmation alert.
If a user clicks the 2nd button “OK_empty_BUT_alert.htm” without any text in the textArea.
it says “Are you sure to go to the action page withiout any text in the textAea?” with a yes or no alert.
If the user choose “yes” button, it goes to the action page.
If the user choose “no” button, it just stay there.
If a user clicks the 1st button “no_empty.htm” or the 2nd button with some text in the textArea.
it goes to “no_empty.htm” page without any alert.
The following code doesn’t work correctly as I want, but I hope it shows what I want.
<script type = 'text/javascript'>
function myAlert(empty) {
if (empty['myText'].value.length == 0) {
alert('message, please!');
return false
}
}
</script>
<script type="text/javascript">
function sure(){
var msg = "Are you sure it's empty?";
return confirm(msg);
}
</script>
<form method='post' action='no_empty.htm' onsubmit="return myAlert(this)">
<textarea name='myText'></textarea>
<input type='submit' value="NOempty.htm">
<input type='submit' value='OKemptyBUTalert.htm'
onclick="this.form.action='OK_empty_BUT_alert.htm';return sure()">
</form>