Reference no: EM133214610

You need to use HTML, CSS, JavaSript, PHP, and MySQL

The booking webpage asks customers to fill in a booking form that collects a series of customer information including customer name, email address, phone number, check-in date (suppose all customers only book night), room type, and number of check-in persons. Before you submit the data to the server, you need to use JavaScript to check the validity of the input information. The specific requirements are listed as below:

• A valid consumer name should have both first name and last name, and they should be separated by a space (e.g., "Ray Xie");
  A valid email address should have the "@" character;
  A valid phone number should contain 10 digits and should start with "04";
  Check-in date should be collected with a calendar date format;
  Number of check-in persons should be less than or equal to the maximum number that a type of room can accommodate.
  o Standard twin room and executive twin room can accommodate at most 2 persons;
  o Superior suite room, deluxe suite room, and executive suite room can accommodate at most 3 persons;
  o Presidential suite can accommodate at most 5 persons;
  If any data is invalid, you need to prevent the data from being sent to the server and ask customers to re-enter the data. Please note that you MUST use JavaScript to check the validity of form input. After the validity check, the form input will be sent to the server. You need to use PHP to connect to a pre-created database named "SOF102_A1", and check whether there is a capacity for the nominated room for the check-in date.
  If there is still capacity, you need to store the registration information in the database. Then, display "The below booking has been successful!" and display the booking details following.
  Otherwise, display "Sorry! There is no available room!" and ask customers to re-enter new booking information.