logo

Patient Health Questionnaire

The Patient Health Questionnaire can be used by healthcare and medical organizations to gather patients' clinical history, including personal, contact and insurance information, weight, allergies, illnesses, operations, and habits. This medical form can be embedded in a website, shared via a direct link, or displayed on a kiosk or tablet. Patients can fill out the form from any device.

Preview
Theme:
Use this template

Structure and logic of the form

  • The form fields are structured using Tabs. This saves space on the form and contributes to a more pleasant and efficient form filling process.

  • The calendar start view is set up to show the years of the decade. Thus, patients can quickly find their birth year then select the month and date without endless scrolling of the calendar.

  • To make sure patients are over 18 years old, the dates within the last 18 years are disabled. Specify the available date range in the calendar to efficiently schedule appointments, follow-up consultations, or treatment plans, track vaccination expiry dates, and more.

  • To simplify the form-filling process and enhance the overall user experience, the age is calculated automatically when the date of birth is entered. The calculation is done using the Moment.js library. Use it to perform various date calculations: find the duration, add or subtract time, and determine the number of business days between two dates.

  • The phone fields accept only 11-digit numbers to prevent input errors. It's done with Masked Text field type. Use it to specify a particular format and ensure accurate data collection for patient details, including social security numbers, health insurance policy numbers, and medical IDs.

  • The email fields only accept data that matches the specified pattern to ensure users enter valid emails. Patterns are an alternative to the Masked Text field to restrict user input. Choose from predefined patterns or create your own to verify patient information.

  • When patients answer 'yes' to any question, additional fields appear to collect more details. It's done with a JavaScript function and helps keep the form neat and user-friendly. In the same way, you can deactivate fields, make them mandatory, show or hide containers, change element styling, and more. Find code examples in the Manage fields article.

  • Patients enter their medication list and medical history into the Data Table control. This way, you receive structured and complete data that is easy to analyze. Use tables to monitor vaccination, store and review laboratory test results, and track vital signs like blood pressure and heart rate.

  • Patients confirm the accuracy of the data they have provided with a signature.