javascript alert message!

[Monie]

I have a textbox...named "bnBookingStatus"..

Code: Select all

<input id="status" type="text" name="bnBookingStatus" size="35" value="<%=(conformBookingBN.Fields.Item("bnBookingStatus").Value)%>" readonly>

The text box is disable from user input, but i proved a text button to change the value inside it!

Code: Select all

[Approve] 
[Disapprove] 
[Pending]

and i have another textbox, named "reason"..

Code: Select all

<input id="reason" type="text" name="bnReason" size="35">

What i want to do is...
I want to create a javascript alert message if the value in the two textbox is like the LOGIc below when i trying to submit the form:-

bnBookingStatus="DISAPPROVE" && reason=""

If "bnBookingStatus" textbox value is "DISAPPROVE" and "reason" textbox value is empty,""
then alert that user to fill in the "reason" textbox!
alert("You must specify the disapproval reason!");

If the "bnBookingStatus" textbox value is "APPROVED",
then set the value of the textbox "reason" to be "YOUR BOOKING HAS BEEN PROCESSED!"

If it is pending, DO NOTHING!

[spinal007]

NOT TESTED!!!!!!

Code: Select all

<SCRIPT language="JScript>
function Validate(str){
 if(str=="disapprove"){
  document.getElementById('reason').readonly = false;
  document.getElementById('reason').value = '';
  alert('give me a reason!!!!!!!');
 }
 else if(str=="approve"){
  document.getElementById('reason').value = 'YOUR BOOKING HAS BEEN PROCESSED!!!!!';  
  document.getElementById('reason').readonly = true;
 }
 else{ // pending, do nothing
  
 }
}
</SCRIPT>
<SELECT id="status" name="bnBookingStatus" onChange="Validate(this.value)">
 <option value="pending">pending</option>
 <option value="disapprove">disapprove</option>
 <option value="approve">approve</option>
</SELECT>



<input id="reason" type="text" name="bnReason" size="35">

[Monie]

hey...thanx spinal007

just a tought, you are using a DROP DOWN menu to change the textbox!
but i dont want to do that. I prefer using the text link:

Code: Select all

[Approve] 
[Disapprove] 
[Pending]

...since the initial value in this textbox(bnBookingStatus) comes from my database recordset(Edit page)

so....
Can I put the onClick="Validate(this.value)" in my submit button?
will it work? Validate(this.value)??

[spinal007]

you can still use a select box when the data comes from a database. like this:

Code: Select all

<SELECT name=test>
 <option value="approve"<% If rs("status")="approve" %> SELECTED<% End If %>>approve</option>
 <option value="disapprove"<% If rs("status")="disapprove" %> SELECTED<% End If %>>disapprove</option>
 <option value="pending"<% If rs("status")="pending" %> SELECTED<% End If %>>pending</option>
</select>

it's neater.......

and if you want the validation to happen ONLY when the submit button is clicked, you can use this:
<INPUT type=submit onclick="return Validate(document.getElementById('status').value); " value="submit">

the keyword "this" refers to the object itself, e.g.:
<input type=button MyProperty="some text" onClick="alert(this.MyProperty);" value="click me">

[Monie]

Ok, let me try them out first...
in the mean time i have another doubt!

i have a disable text field in my form...
i have used this code on a text link to enable field..

[code]
[b]TEXT LINK


When i click the TEXT LINK, the value of textbox which ID is "status" will be set to "APPROVED"
and at the same time it will enable the textbox which ID is "reason"?

Code: Select all

<input id="status" type="text" name="bnBookingStatus" size="35" value="<%=from recordset%>" readonly>

<input id="reason" type="text" name="bnReason" size="35" value="" readonly>

[spinal007]

<blockquote id="quote" class="ffs">quote:<hr height="1" noshade="noshade" id="quote" />document.getElementById('reason').readonly=true@f alse;<hr height="1" noshade="noshade" id="quote" /></blockquote id="quote">

i've never seen the "@" in javascript.....
not sure. by the way, carefull with the disabled property because disabled elements don't get submitted with the form. if you still want them to be submited you should use readonly instead.

I'm not sure, but change the readonly on a field I think all you have to say is:
document.getElementById('status').readonly = false;
or
document.getElementById('status').readonly = true;

unless the readonly property is in fact, readonly itself, but I think it shoud be fine.


and finally, the link:
<A href="#" onClick="
document.getElementById('status').value = "approved";
document.getElementById('status').readonly = true;
document.getElementById('reason').value = "gimme a reason";
document.getElementById('reason').readonly = true;">
approved</A>


can you put this page on the web so I can look at it. I really think you should be using functions to do this......

[Monie]

ok...
I think that helps me alot, Thanx!
About the @, I put it like that because i am not sure of the truth value of it

So..

TEXT LINK

this code should be working then?
let say that the readonly properties is readonly itself, can I make it
readonly=true; or readonly=false;?

Can I change the readonly textbox if I set the textbox to readonly?

[spinal007]

if you set a textbox to readonly, you can still use scripting to change the text in it,
I just wasn't sure that once the page is loaded whether you can change the readonly property but you should be able to.
should be fine.......