javascript - Displaying a 'hidden' form once the first form is filled and submit button clicked -

-

I have two HTML forms where the second form 'display: none;' And so when I do not load the page (only the first form loads)

This idea once was filled in the form for the first time and its button is clicked, to display the second form The latter is not displayed, which is filled after the display and it has been deposited on a 'thank you page'

This is the first form, which is displayed when the page is loaded: 

  & lt; Form id = "form1" & gt; ; & Lt; Table class = "tbl" & gt; & Lt; TR & gt; & Lt; TD & gt; Title * & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Input type = "text" name = "title" category = "title" required & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; First Name * & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Input type = "text" name = "fname" class = "fname" required & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Button ID = "BTN" onClick = "document.getElementById ('form2'). Style.display = '';" & Gt; & Lt; IMG src = "picture / next .png" /> & Lt; / Button & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; / Table & gt; & Lt; / Form & gt;

And this is the second form, which has been successfully filled for the first time and clicked on the submit button (I have verified the first form with the 'required' attribute).

& lt; Form id = "form2" method = "post" action = "thankyou_page.php" & gt; & Lt; Table class = "tbl2" & gt; & Lt; TR & gt; & Lt; TD & gt; Email * & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Input type = "text" name = "email" class = "email" required & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; Telephone * & lt; / Td> & Lt; / Tr & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Input type = "text" name = "phone" class = "phone" required & gt; & Lt; / TD & gt; & Lt; / TR & gt; & Lt; TR & gt; & Lt; TD & gt; & Lt; Button id = "btn1" & gt; & Lt; Img src = "images / get_decorating_quotes.png" /> & Lt; / Button & gt; & Lt; / Td> & Lt; / Tr & gt;

After that I have used an external CSS file for my style..How I have done for 'form2' 

  # form2 { Display: none; }

How long I get after loading my page is that once I press the button on the first form ('Form1'), then 'form 2 'If it is displayed then' Please fill this field. 'Verification message. My wish is first for Form 1 and after filling all the fields,' Form 2 '(for' BTN 'using the onclick function) Using, while still 'form1' contains the content of the form As I fill out and submit 'Form 2'.

Any help would be appreciated.

What you need to do, such verification function is called: 

  & lt; Button ID = "BTN" onClick = "return validate ();" & Gt;

Then you have some type of function near the function that you have decided that verification fails: 

  verification of function () { Var isValid = true; Var form 1 = document. GetElementById ('form1'); If (form1.title.value == '') {isValid = false; } If (form1.fname.value == '') {isValid = false; } If (isValid) {document.getElementById ('form2'). Style.display = 'block'; return false; }}


Comments

Post a Comment

Popular posts from this blog

import - Python ImportError: No module named wmi -

-
I followed the instructions for downloading WMI for Python When I try to run the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = wmi.WMI (): if Raw_input ("restart% s?"% S.Caption) .upper () == "Y": s.StartService () I got the error < Code> traceback (most recent call end): file ". \", Line 1, edit: I am using Python 2.7.6 EDIT2: I am running 64-bit Windows 2008 R2, and I've downloaded WMI-1.4.9.zip (md5). I removed the content and put it in D: Python \ Tools \ Scripts I executed dragon setup.py.install I said D : \ Python \ tools \ scripts to% PATH% and when I execute the code for C.Win32_Service (StartMode = "Auto", state = "Stopped") import wmi c = Wmi.WMI (): If raw_input ("Restart% s?"% S. Caption). () == "Y": s.StartService () error me Gets traceback (most recent call final): File ". See \", line 1, &
Read more

Editing Python Class in Shell and SQLAlchemy -

-
I am working on the terminal on a shell script after this tutorial SQLAlchemy tutorial. I need to type gt; & Gt; & Gt; Sqlalchemy import column, integer, string & gt; & Gt; & Gt; Class user (base): __tablename__ = 'users' id = column (integer, primary_key = true) name = column (string) absolute name = column (string) password = column (string) def __repr __ (self): return "& lt ; User (name = '% s', absolute name = '% s', password = '% s') & gt; "% (Self.name, self.fullname, self.password) After the problem I have typed the password = column (string) I hit twice and changed .... >> I then took everything back but then an error was thrown because the class already exists ... I am not completely sure how to fix it. How do I open that slip in the shell script and edit it (Add DF to DRR) The error thrown below: / user / giripeters / TFSQLLX / Lib / python2.7 / site-packages / sqlalchemy / ext / decla
Read more

c# - MySQL Parameterized Select Query joining tables issue -

-
I am using parameterized select questions in conjunction with my program and it works entirely, When I try to join the table Everything I have done is a small fraction: using (MySqlCommand cmd = new MySqlCommand (paramQuery) ToSql (), Connection)) /etc/ paramQuery.ToSql () Equal: "Select TableOne ID, Tableon, Department, Tablet. One by name table, Table 2 h Yes TableOnEID = @Pharmak "* / for (Int Index = 0; Index and Lt; ParamariX Parameter (.c calculation; Index ++) Cmd.Parameters.AddWithValue (paramQuery.Parameters (). ElementAt (index). , ParamQuery.Parameters (). ElementAt (index) .Value); / * ParamQuery.Parameters (). ElementAt (index) .k = "@most 0" paramQuery.Parameters (). ElementAt (index) .Value = "tableTwo.ID" * / MySqlDataReader Reader = cmd.ExecuteReader (); While (reader.Read ()) {// do stuff} } One of the tables I attempt to join is For the table, two with the same id for all. Is there something that I'm doing wrong?
Read more