validation problem

Please support our JavaScript / DHTML / AJAX advertiser: PostgreSQL or MySQL? Compare and contrast the two most popular open source databases
Reply

•
•
Join Date: Apr 2007
Posts: 370
Reputation: greeny_1984 is an unknown quantity at this point 
Solved Threads: 29
greeny_1984's Avatar
greeny_1984 greeny_1984 is offline Offline
Posting Whiz

validation problem

 
0
  #1
Jul 8th, 2008
hi,
iam having an application in which i need to validate all the fileds present above a particular field when user clicks on any field present in a page.similar to this link
http://my.naukri.com/manager/createa...cp=5424&wExp=N

is this possible using validator callout extender.
can we use javascript to achieve this functionality.
if thru javascript it is possible,can any one send me the code.

waiting for u r replies
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2008
Posts: 133
Reputation: vicky_rawat is an unknown quantity at this point 
Solved Threads: 17
vicky_rawat's Avatar
vicky_rawat vicky_rawat is offline Offline
Junior Poster

Re: validation problem

 
0
  #2
Jul 8th, 2008
Hi,

I can provide you the logic, that I think will work.

You need to create an 2d array holding the id's and type of all the elements on form.
then onclick event of any element call the function with the index number of that element.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1. function clicked(ind)

using for loop you can check if all the elements are validated before that index or not.

Hope this will help you.
Vivek Rawat
Keep solving complexities.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2007
Posts: 370
Reputation: greeny_1984 is an unknown quantity at this point 
Solved Threads: 29
greeny_1984's Avatar
greeny_1984 greeny_1984 is offline Offline
Posting Whiz

Re: validation problem

 
0
  #3
Jul 9th, 2008
did u send code
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2008
Posts: 133
Reputation: vicky_rawat is an unknown quantity at this point 
Solved Threads: 17
vicky_rawat's Avatar
vicky_rawat vicky_rawat is offline Offline
Junior Poster

Re: validation problem

 
0
  #4
Jul 9th, 2008
Hi,

First, you need to try it yourself. you can show me your code and I can let you know, where you r going wrong.
Vivek Rawat
Keep solving complexities.
Reply With Quote Quick reply to this message  
•
•
Join Date: Mar 2008
Posts: 269
Reputation: Traicey is an unknown quantity at this point 
Solved Threads: 19
Traicey's Avatar
Traicey Traicey is offline Offline
Posting Whiz in Training

Re: validation problem

 
0
  #5
Jul 9th, 2008
>>>can we use javascript to achieve this functionality.

Yes thats usually client side validation but some of the text boxes will need to be validated on the server side such as checking for username availabality that can be done on the server

For user name u need to use the RangeValidator coz u need minimum range of 4 characters. RangeValdator have 3 properties to mention.. minimum, maximum and data type u can only do that on server side script validation.... the password needs CompareValidator which have 2 properties, FieldToCompare property and fieldToValidate property and maybe the ErrorMsg property which will tell the user that the passwords entered does not match and also that can be done on the server side script validation

let me take what I said about client side validation back coz as far as I know all those control on that form are rich server controls not html controls except for file field textbox and browse button to uplaod file, simple bcoz no rich server control support it so it is n will alwayz be html server control

this requires a lot of work and server connection and im quite sure ur not looking for that.... I think u need to tell ur Dani fellows what exactly u need to do cos the site u uploaded does not give any clear path to take on
Last edited by Traicey; Jul 9th, 2008 at 6:26 am.
Some people get so rich they lose all respect for humanity. That's how rich I want to be.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2007
Posts: 370
Reputation: greeny_1984 is an unknown quantity at this point 
Solved Threads: 29
greeny_1984's Avatar
greeny_1984 greeny_1984 is offline Offline
Posting Whiz

Re: validation problem

 
0
  #6
Jul 10th, 2008
hi,
basically iam a asp.net developer,i wan to ahcieve this functionality using javascript,this is the code i have used

in design side

html Syntax (Toggle Plain Text) 
  1. <head runat="server">
  2.     <title>Untitled Page</title>
  3.     <script>
  4.     function validataform(ctrl)
  5.     {
  6.            if(ctrl.value=="")
  7.                {
  8.                    var lbl=document.getElementById("lblerr");
  9.                    lbl.style.visibility='visible';
  10.                    ctrl.style.border="1px solid #ff0000";
  11.                    var imgerror=document.getElementById("imgerror");
  12.                    imgerror.style.display="block";
  13.                    var imgarrow=document.getElementById("imdisp");
  14.                    imgarrow.style.display="block";
  15.                    var imgcorrect=document.getElementById("imgcorrect");
  16.                    imgcorrect.style.display="none";
  17.                 }
  18.           else
  19.                 {
  20.                    var imgcorrect=document.getElementById("imgcorrect");
  21.                    imgcorrect.style.display="block";
  22.                    var lbl=document.getElementById("lblerr");
  23.                    lbl.style.visibility='hidden';
  24.                    ctrl.removeAttribute('style');
  25.                    ctrl.parentNode.className ="";
  26.                    var imgerror=document.getElementById("imgerror");
  27.                    imgerror.style.display="none";
  28.                    var imgarrow=document.getElementById("imdisp");
  29.                    imgarrow.style.display="none";
  30.                 }
  31.   }
  32.  
  33.     </script>
  34. </head>
  35. <body>
  36.     <form id="form1" runat="server">
  37.     <div>
  38.     <table>
  39.     <tr>
  40.     <td>
  41.     <asp:Label ID="lblname" runat="server" Text="Name"></asp:Label>
  42.     </td>
  43.     <td>
  44.     <table>
  45.     <tr>
  46.     <td> <asp:TextBox ID="txtname" runat="server" class=""></asp:TextBox></td>
  47.     <td>  <asp:Image ID="imgcorrect" runat="server"  style="display:none" ImageUrl="~/EtgsImages/OnlineImgs/correct.gif" /><asp:Image ID="imgerror" runat="server" style="display:none" ImageUrl="~/EtgsImages/OnlineImgs/erroricon1.gif" /></td>
  48.     </tr>
  49.     </table>
  50.  
  51.     </td>
  52.     </tr>
  53.     <tr>
  54.     <td>
  55.     </td>
  56.     <td>
  57.     <table>
  58.     <tr>
  59.     <td> <asp:Image ID="imdisp" runat="server" style="display:none" ImageUrl="~/EtgsImages/OnlineImgs/error.gif" /></td>
  60.     <td>  <asp:Label ID="lblerr" runat="server" Font-Bold="false"  ForeColor="red">Please enter username</asp:Label></td>
  61.     </tr>
  62.     </table>
  63.  
  64.     </td>
  65.     </tr>
  66.     <tr>
  67.     <td colspan="2" align="center">
  68.     <asp:Button ID="btnsubmit" runat="server" Text="Submit" />
  69.     </td>
  70.     </tr>
  71.     </table>
  72.     </div>
  73.     </form>
  74. </body>

in code
JavaScript Syntax (Toggle Plain Text) 
  1. protected void Page_Load(object sender, EventArgs e)
  2.     {
  3.         txtname.Attributes.Add("onblur", "javascript:return validataform(this);");
  4.         if (!Page.IsPostBack)
  5.         {
  6.             lblerr.Style.Add("visibility", "hidden");
  7.         }
  8.     }
is there a better method to achieve this functionality

My other query is

is there a possibility to validate the fields above a particular field on onblur event
Last edited by peter_budo; Jul 10th, 2008 at 9:45 am. Reason: Keep It Organized - please use [code] tags
Reply With Quote Quick reply to this message  
•
•
Join Date: Jun 2008
Posts: 133
Reputation: vicky_rawat is an unknown quantity at this point 
Solved Threads: 17
vicky_rawat's Avatar
vicky_rawat vicky_rawat is offline Offline
Junior Poster

Re: validation problem

 
0
  #7
Jul 10th, 2008
Hi,

The code will look like this.

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1.  
  2. <script language=javascript>
  3.      var arrmsg = new Array(3);
  4.      for(j=0;j<3;j++)
  5.      {
  6.            arrmsg[j]="";
  7.      }
  8.      var arrelement = new Array(3);
  9.  
  10.      for(j=0;j<3;j++)
  11.      {
  12.          arrelement[j] = new Array(2);
  13.       }
  14.       arrelement[0][0] = txtfn;
  15.       arrelement[0][1] = text;
  16.       arrelement[0][0] = txtln;
  17.       arrelement[0][1] = text;
  18.       arrelement[0][0] = txtmn;
  19.       arrelement[0][1] = text;      
  20. </scirpt>
  21.  
  22.  
  23. <input type=text name=txtfn id=txtfn onclick=clicked(0)>
  24. <input type=text name=txtln id=txtln onclick=clicked(1)>
  25. <input type=text name=txtmn id=txtmn onclick=clicked(2)>

JavaScript / DHTML / AJAX Syntax (Toggle Plain Text) 
  1.     function clicked(ind)
  2.     {
  3.             var flag=false;
  4.             for(i=0;i<ind;i++)
  5.             {
  6.                      if(checkelement[i][1] == "text")
  7.                      {
  8.                           if(checkblank(arrelement[i][0])
  9.                           {
  10.                                 arrmsg[i] = arrelement[i][0]+" can not be blank";
  11.                                 flag=true;
  12.                            }
  13.                       }
  14.              }
  15.      }
  16.  
  17.     function checkblank(field)
  18.     {
  19.            if(document.getElementById("+field+").value == "")
  20.               return false;
  21.            else
  22.               return true;
  23.     }

I think this will solve the problem.
Vivek Rawat
Keep solving complexities.
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2007
Posts: 370
Reputation: greeny_1984 is an unknown quantity at this point 
Solved Threads: 29
greeny_1984's Avatar
greeny_1984 greeny_1984 is offline Offline
Posting Whiz

Re: validation problem

 
0
  #8
Jul 10th, 2008
Hi,
thanks for the code.U are missing some parts of code ,there is no checkelement function declared.Can you check that one for me
Reply With Quote Quick reply to this message  
•
•
Join Date: Apr 2007
Posts: 370
Reputation: greeny_1984 is an unknown quantity at this point 
Solved Threads: 29
greeny_1984's Avatar
greeny_1984 greeny_1984 is offline Offline
Posting Whiz

Re: validation problem

 
0
  #9
Jul 11th, 2008
i think this is the right code
JavaScript Syntax (Toggle Plain Text) 
  1. function clicked(ind)
  2.     {
  3.  
  4.                   var arrmsg = new Array(3);
  5.  
  6.                                       for(j=0;j<3;j++)
  7.                                           {   
  8.                                                arrmsg[j]="";
  9.                                            }
  10.                  var arrelement = new Array(3);
  11.  
  12.                                        for(j=0;j<3;j++)
  13.                                          {
  14.                                               arrelement[j] = new Array(2);
  15.                                          }
  16.                     arrelement[0][0] = 'txtfn';
  17.                     arrelement[0][1] = 'text';
  18.                     arrelement[1][0] = 'txtln';
  19.                     arrelement[1][1] = 'text';
  20.                     arrelement[2][0] = 'txtmn';
  21.                     arrelement[2][1] = 'text';
  22.  
  23.             var flag=false;
  24.             for(i=0;i<=ind;i++)
  25.             {                 
  26.                      if(arrelement[i][1] == "text")
  27.                      { 
  28.                           if(checkblank(arrelement[i][0]))
  29.                           {  
  30.                                 arrmsg[i] = arrelement[i][0]+"can not be blank";
  31.                                  alert(arrmsg[i]);
  32.                                 flag=true;
  33.                           }
  34.                       }
  35.              }
  36.      }
  37.  
  38.     function checkblank(field)
  39.     { 
  40.            if(document.getElementById(field).value == "")
  41.  
  42.               return true;
  43.            else
  44.               return false;
  45.     }
Last edited by peter_budo; Jul 11th, 2008 at 7:37 am. Reason: Keep It Organized - please use [code] tags
Reply With Quote Quick reply to this message  
Reply

Quick Reply to Thread
This thread is more than three months old.
Perhaps start a new thread instead?
•
•
•
•
•
•
•
•
Message:
•
•
•
•



Similar Threads
Other Threads in the JavaScript / DHTML / AJAX Forum
Thread Tools Search this Thread



Tag cloud for JavaScript / DHTML / AJAX
ajax ajaxcode ajaxhelp animate api automatically beta boarder box bug calendar card checkbox child class column cookies createrange() css cursor dependent disablefirebug dom download dropdown editor element engine error events explorer ext file firehose flash form forms game google gwt html htmlform ie8 iframe image() images internet java javascript jawascriptruntimeerror jquery jsf jsfile jump math matrixcaptcha microsoft mimic mp3 mysql object offline onmouseoutdivproblem onreadystatechange parent passing pdf php player post problem progressbar rated rating regex runtime scroll search select session shopping size sql star stars stretch text textarea twitter validation w3c web website window windowofwords windowsxp wysiwyg xml xspf \n
About Us | Contact Us | Advertise | DaniWeb | Acceptable Use Policy | RSS Feed

©2003 - 2009 DaniWeb® LLC