Validate runtime generated text field

trimba · September 27th, 2004, 09:26 PM

Hi guys,
I've tried to create simple ecomm website for my school assignment. The catalogue page must be dynamic from the database. Here is some part of my code.

This code is to set up the connection and recordset
<%
Set Conn = Server.CreateObject("ADODB.Connection")
Conn.ConnectionString = "Provider = SQLOLEDB.1; Persist Security Info = False;Initial Catalog = Mouse;USER ID= blah; Password = blah ; Data Source = blackbeauty;"
Conn.open

Set rs = Server.CreateObject("ADODB.RecordSet")
strSQL = "SELECT * FROM Product"
rs.Open strSQL,Conn,3
%>

Here is the code that will be generated in runtime
<%
do while not rs.EOF
if (rs.Fields("stock") > 0) Then
%>

<TR>
<TD width="110" rowSpan ="2">
<IMG SRC=<%=Trim(CStr(rs.Fields("imageName")))%> ALT="This is the image" width="100" height="75">
</TD>
<TD width="120" >
<%Response.Write(rs.Fields("productID"))%>
</TD>
<TD width="500">
<%Response.Write(rs.Fields("productName"))%>
</TD>
<TD width="100" align ="center">
<%Response.Write(rs.Fields("stock"))%>
</TD>
<TD width="80" align ="center">
<%Response.Write(rs.Fields("price"))%>
</TD>
<TD width="100" align ="center">
<%Response.Write(rs.Fields("discountRate"))%>
</TD>
<TD width="80" align ="center">
<input type="text" maxlength="2" size="2" name = "order">
</TD>
</TR>

<%
end if
rs.MoveNext
loop
%>

Then I have a input type="submit" to add to shopping cart. But before go to shopping cart, I want to validate all of order number (it should be positive integer and can not be bigger than the stock). Does anybody here know how to do it ? since the input type name is always "order".

mat41 · September 27th, 2004, 10:00 PM

BTW: Form validation is best done on the client side for efficiency.
(better suited in a javaScipt forum, however..)

TIP: Put the call to the function in your <form> tag instead of your submit or button tag, this way the form can be submitted by pressing enter OR Clicking:

<form name="someName" action="someAction" method="post" onSubmit="return validate();">

NOTE:Place the following inside script tags after the <head> and before the </head>:

function validate()
{
   //To ensure a value is a integer
   if(isNaN(parseInt(document.formName.orderNumber.va lue)))
   {
      alert("please enter a valid positive integer");
      //focus the incorrect field
      document.formName.orderNumber.focus();
      //select the incorrect text
      document.formName.orderNumber.select();
      return(false);
   }

   //is order number bigger than stock
   if(document.formName.orderNumber.value > document.formName.stock.value )
   {
      alert("The order number is bigger than the stock value");
      document.formName.orderNumber.focus();
      document.formName.orderNumber.select();
      return(false);
   }

   return(true);
}

JS is case and space sensitive remember

Wind is your friend
Matt

trimba · September 27th, 2004, 11:03 PM

Hi Matt,

There are some questions that i need to ask :
1. Do I need to add onSubmit = "return validate();" in the form tag ?
Since I have my code:

<input type ="submit" onclick = "return validate()" value="Add To Chart" id=add name=add>

2. Are you sure this validation function will be applied to all of the order text fields ? Cause I only put simple code to function validation(), like below

function validate()
{
alert(document.catalogForm.order.value);
}

The result, there will be only 2 times of pop up window saying :"undefined". Although there are 5 items in my catalogue. I believe the two times pop up window is caused by calling validate function 2 times in form tag and submit tag.

madhukp · September 28th, 2004, 12:10 AM

1. There is a small difference between putting the validation in the onSubmit event of form and onclick event of submit button.

If you put it in the onClick event of submit button, this will not invoked when users just press carriage when they are in one of the textboxes. So the inputs will not be validated always.

If you put in in onSubmit event of form, the form will be validated always.

Ofcourse, you need not put it in both the places.

2. Do you have a control named order in a form named catalogForm in the document ? If yes, it will not produce that error. Please note that JS is case sensitive. catalogform and catalogForm are different.

trimba · September 28th, 2004, 12:22 AM

I figured out how to validate it.
here is the code

function validate()
{
    for(i=0; i < document.catalogForm.order.length ; i++)
    {
        if(!isPositiveInteger(document.catalogForm.order[i].value))
    {
        alert("There is an invalid number of order")
        return false
    }
    }
    return true
}

Anyway Thanks madhukp and mat41 :)

happygv · September 30th, 2004, 09:19 AM

Did you search on this on p2p.wrox site, before posting here, I remember this was handled already in another post. Glad that you figured out atlast.

Cheers!

_________________________
- Vijay G
Strive for Perfection