Member Avatar for airwinx

Hi All,
I have 3 horizontal tabs menus with different form to let user key in some infor to the text fields.

When user 1st time access this page, all fields are blank. But if user want to go to the second tab, user must key in some infor at the 1st tabs form. How do I check if user didn't key in anything in the 1st tabs form? I want to force user to key in the 1st tab's form in order to allow user to click the second tab form and 3rd tab form.

What I want is if user didn't key in anything at the 1st tab's form, an alert will prompt out and tell the user to key in the text in the textfield at 1st tab form and save the data into mysql DB. Or else he can't even pressed the second tab form or 3rd tab's form.

How should I proceed with this requirement.

I using yui tabview to show the tab menu. All the form is within the same page.

Here is the sample of how my tab menu look like: http://developer.yahoo.com/yui/examp...rommarkup.html

So when user click 1st tab and then to next tab menu, i need to verify if user is allow to click 2nd tab. Or else force user back to 1st tab. Each tab will have a <div id=tab1>content</div>.

I am using php and mysql for data storage. I think of using javascript to do this but my javascript is knowledge is a bit crappy.

  • 2 Contributors
  • 1 Reply
  • 100 Views
  • 10 Hours Discussion Span
  • Latest Post Latest Post by Troy III
Member Avatar for Troy III

Hi All,
I have 3 horizontal tabs menus with different form to let user key in some infor to the text fields.

When user 1st time access this page, all fields are blank. But if user want to go to the second tab, user must key in some infor at the 1st tabs form. How do I check if user didn't key in anything in the 1st tabs form? I want to force user to key in the 1st tab's form in order to allow user to click the second tab form and 3rd tab form.

What I want is if user didn't key in anything at the 1st tab's form, an alert will prompt out and tell the user to key in the text in the textfield at 1st tab form and save the data into mysql DB. Or else he can't even pressed the second tab form or 3rd tab's form.

How should I proceed with this requirement.

I using yui tabview to show the tab menu. All the form is within the same page.

Here is the sample of how my tab menu look like: http://developer.yahoo.com/yui/examp...rommarkup.html

So when user click 1st tab and then to next tab menu, i need to verify if user is allow to click 2nd tab. Or else force user back to 1st tab. Each tab will have a <div id=tab1>content</div>.

I am using php and mysql for data storage. I think of using javascript to do this but my javascript is knowledge is a bit crappy.

try something similar to: <your element onblur="if(this.value==''){alert('something'); this.focus()}">

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.