Take times on data validation

In term of the data validation on the team member registration form, if missing the critical information (Screenshot 1 ) that manager concerned when member submit the data, an error message will prompt up to the user. En error message showed as screenshot 2. A remind mark also showed at next the item while the information is wrong or missing. Such as screenshot 3&4. I need to catch the time on other page development.

Screenshot 1

Screenshot 2

Screenshot 3

Screenshot 4

During the information validation, used the RegExp method verity the format of the information better than with a long procedure on data content validation. For example, with the RegExp syntax “/^0\d{9}$/” on 10 digits phone number validation ( first digit always is 0, others 9 digits are consisted with 0~9) fast than write a procedure with for loop on content validation. The RegExp syntax a bit complicated, hard to remember all the patterns; needs a reference help all the times.

Support Reference 1: Regular Expressions - User guide htttp://www.zytrax.com/tech/web/regex.htm

Support Reference 2: Use regular expressions to validate/format a string http://www.rgagnon.com/jsdetails/js-0063.html

Data presentation goes wrong!!

A trouble was prompted at the content showing with IE6 different with IE7. As the home page showed in IE6 is OK, but browsing with IE7 got a bit trouble. The image was overlapped with some texts. See the screenshot 1 & 2. Solving this trouble just change the style on the DIV container, used the absolute high when display the information. The different syntax as following:

Screenshot 1

Screenshot 2

Prototype of the team member registration page

The member regitration page was took time on the page layout design, lots of table inside table. This draft version will be confirmed with sponsor at next meeting. The information saving function is still not finish yet, the function will be finish later on.

Registration Page Screen-shot Part1

Registration Page Screen-shot Part2

Prepare the prototype of home page

A draft version of home page was made as the following screen short. The content represented the idea that came from the project sponsor. The page layout and color schema will be confirmed with project sponsor at next meeting. All the materials would be changed if project sponsor needs. If project sponsor doesn’t reject the page structure, this home page will be final after project sponsor signed.

Draft Home Page Screen-shot: