CINXE.COM
Office of Institutional Equity and Accessibility and Title IX Office Reporting Form
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="iso-8859-1"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="images/apple-touch-icon-152x152-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="images/apple-touch-icon-144x144-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="images/apple-touch-icon-120x120-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="images/apple-touch-icon-114x114-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="images/apple-touch-icon-76x76-precomposed.png"> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="images/apple-touch-icon-72x72-precomposed.png"> <link rel="apple-touch-icon-precomposed" href="images/apple-touch-icon-precomposed.png"> <title>Office of Institutional Equity and Accessibility and Title IX Office Reporting Form</title> <meta http-equiv="content-type" content="text/html; charset=iso-8859-1"> <meta name="robots" content="noindex"> <link rel="stylesheet" type="text/css" href="publicside_assets/jquery_filer/css/jquery.filer.css"> <link rel="stylesheet" type="text/css" href="publicside_assets/jquery_filer/css/themes/jquery.filer-dragdropbox-theme.css"> <script src="https://use.typekit.net/feb7wgs.js"></script> <script>try{Typekit.load({ async: true });}catch(e){}</script> <link rel="stylesheet" href="publicside_assets/bower_components/reportingform_app.css"> <style type="text/css"> body { background-color: #00356b; } .sectionheader { color: #FFF; background: #00356b; } </style> </head> <body> <div id="wrapper" class="row"> <!--big wrap--> <div class="small-12 columns"> <!-- big wrap--> <header> <div class="row" id="reportheader"> <div id="reportheader-left"> <p><img src="https://maxfs-useast-01.s3.amazonaws.com/yale/logos/YaleUniv.gif?response-cache-control=must-revalidate%2C%20post-check%3D0%2C%20pre-check%3D0&response-content-disposition=inline%3B%20filename%3D%22YaleUniv.gif%22&X-Amz-Content-Sha256=UNSIGNED-PAYLOAD&X-Amz-Algorithm=AWS4-HMAC-SHA256&X-Amz-Credential=AKIAV47ECHXWF5MDWZZG%2F20241218%2Fus-east-1%2Fs3%2Faws4_request&X-Amz-Date=20241218T020122Z&X-Amz-SignedHeaders=host&X-Amz-Expires=7200&X-Amz-Signature=6d2958832f7b3acd5b1507ae985dd630998c46265b0a4b5cdf5eccaf87f25c3b" alt="Yale University Logo"></p> </div> <div id="reportheader-right"> <h1>Office of Institutional Equity and Accessibility and Title IX Office Reporting Form</h1><br> </div> </div> <div id="main_instructions" class="row"> <div class="large-12 columns"> <p>The Office of Institutional Equity and Accessibility (OIEA) receives reports concerning discrimination, harassment, and retaliation pursuant to <a href="https://your.yale.edu/policies-procedures/policies/9000-yale-university-policy-against-discrimination-and-harassment">Yale’s Policy Against Discrimination and Harassment</a>.</p> <p>The Title IX Office receives reports concerning sex-based discrimination and sexual misconduct. See <a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions">Yale Sexual Misconduct Policies and Definitions</a>. </p> <p>This form may be used to request a consultation to learn about support resources and options and to report concerns to both offices.</p> <blockquote> <p><span style="font-size: 12pt;">OIEA also administers Yale University’s Accommodation Program for Faculty with Disabilities, Faculty who wish to request a reasonable accommodation should complete the <a href="https://cm.maxient.com/reportingform.php?YaleUniv&layout_id=8">OIEA Accommodation Request Form</a> (Staff who wish to request a reasonable accommodation should complete the <a href="https://yalesurvey.ca1.qualtrics.com/jfe/form/SV_9yOscUwWIQXUx14">Human Resources Staff Accommodation Request Form</a>). </span></p> </blockquote> <p style="text-align: left;"><br /><strong>DO NOT USE THIS FORM TO REPORT AN EMERGENCY. IF YOU HAVE AN EMERGENCY, CALL 911. </strong><br /> <br />Upon receipt of this form, someone from OIEA or the Title IX Office will respond to you. Please note that the response may not be immediate; in some cases, it may take several days. You may also contact a <a href="https://dhr.yale.edu/discrimination-and-harassment-resource-coordinators">Discrimination and Harassment Resource Coordinator</a> or <a href="https://smr.yale.edu/title-ix/coordinators">Deputy Title IX Coordinator</a> of your choice. Additionally, support is available by contacting:</p> <blockquote> <p>OIEA: (203) 432-0849 (M-F 9-5)</p> <p>Title IX Office: (203) 432-6854 (M-F 9-5) </p> <p>Yale <a href="https://sharecenter.yale.edu/">SHARE Center</a>: (203) 432-2000 (confidential consultations available M-F 9-5 and after hours for time-sensitive matters) </p> <p><a href="https://your.yale.edu/community/public-safety/yale-police-department">Yale Police</a>: (203) 432-4400 (24/7 for concerns about potential criminal conduct). </p> <p>A full list of confidential and non-confidential resources is available at Yale's <a href="https://smr.yale.edu/get-assistance-support">Sexual Misconduct Response & Prevention website</a>. </p> </blockquote> <p style="text-align: left;">Information provided via this form will be handled with discretion. Individuals reporting information in good faith are protected from retaliation. </p> <p style="text-align: left;">While OIEA and the Title IX Office will review all concerns reported through this form, please note that those submitted without sufficient information may inhibit the University’s ability to respond or take corrective action. </p> <p style="text-align: left;"><span style="font-size: 18pt;"><strong>Please note that the submission of this form does not, on its own, constitute the filing of a complaint.</strong></span></p> <p style="text-align: left;"> </p> </div> </div> </header> <main> <form name="IR" id="IR" enctype="multipart/form-data" accept-charset="iso-8859-1" method="post" action="" data-abide novalidate> <input type="hidden" name="institution" id="institution" value="YaleUniv"> <input type="hidden" name="layout_id" value="7"> <input type="hidden" name="x_requestor_ip" value="8.222.208.146"> <input type="hidden" name="x_requestor_starttime" value="1734487281.9308"> <input type="hidden" name="x_requestor_token" value="f648198804f66ac2dc0a25c2b1d8a9a4"> <input type="hidden" name="recaptcha_response" id="recaptcha_response"> <div data-abide-error class="alert callout" style="display: none;"> <p id="error_detail_top"></p> </div> <section> <h2 class="sectionheader">Reporter's Information</h2> <div id="section1"> <div class="column row"> <div class="sectioninstructions"></div> </div> <div class="row"> <div class="generallabel"> </div> <div class="generalinput"> <a href="https://cm.maxient.com/reportingform.php?YaleUniv&layout_id=7&promptforauth=true">Enable additional features by logging in.</a> </div> </div> <div class="row" > <div class="generallabel"> <label for="reporters_full_name">Your full name:</label> </div> <div class="generalinput"> <input type="text" name="reporters_full_name" id="reporters_full_name" maxlength="80" value=""> </div> </div> <div class="row" > <div class="generallabel"> <label for="reporters_title">Pronouns (optional):</label> </div> <div class="generalinput"> <input type="text" name="reporters_title" id="reporters_title" maxlength="80" value=""> </div> </div> <div class="row" style="display: none;"> <div class="generallabel"> <label for="reporters_phone_number">Your phone number:</label> </div> <div class="smallerinput"> <input type="text" name="reporters_phone_number" id="reporters_phone_number" maxlength="20" value=""> </div> </div> <div class="row" > <div class="generallabel"> <label for="reporters_email_address">Your email address:</label> </div> <div class="generalinput"> <input type="email" name="reporters_email_address" id="reporters_email_address" maxlength="80" value=""> <span class="form-error">Email address must be of a valid format.</span> </div> </div> <div class="row" style="display: none;"> <div class="generallabel" > <label for="reporters_physical_address">Your physical address:</label> </div> <div class="generalinput"> <input type="text" name="reporters_physical_address" id="reporters_physical_address" maxlength="80" value=""> </div> </div> <div class="row"> <div class="generalinput"> <input type="hidden" name="nature" id="nature" value="one"> </div> </div> <div class="row"> <div class="generalinput"> <input type="hidden" name="urgency" id="urgency" value="hide"> </div> </div> <div class="row"> <div class="smallerinput"> <input type="hidden" name="date_of_incident" id="date_of_incident" value="2024-12-17"> </div> </div> <div class="row" style="display: none;"> <div class="generallabel"> <label for="time_of_incident" id="lbl_time_of_incident">Time of incident:</label> </div> <div class="smallerinput"> <input autocomplete="off" type="text" name="time_of_incident" id="time_of_incident" aria-labelledby="lbl_time_of_incident" maxlength="10" value=""> </div> </div> <div class="row"> <div class="generalinput"> <input type="hidden" name="location_of_incident" id="location_of_incident" value="hide"> </div> </div> <div class="row" style="display: none;"> <div class="generallabel"> <label for="location_of_incident_specific">Location of Incident:</label> </div> <div class="generalinput"> <input autocomplete="off" type="text" name="location_of_incident_specific" id="location_of_incident_specific" size="40" maxlength="100" value="" style="position:relative;"> </div> </div> </div> </section> <section> <h2 class="sectionheader">Individuals Involved</h2> <div id="section3"> <div class="column row"> <div class="sectioninstructions"><p><strong>Please share your information below. </strong></p> <p>Additionally, please click the "Add another party" button to identify any individual(s) you believe are/were impacted, involved, or witnessed this incident/issue. Please fill in the fields as completely as possible.</p></div> </div> <div id="involvedPersons"> <div class="personrow clonedInput" id="personrow0"> <fieldset> <legend class="show-for-sr legend_person">Involved party 1</legend> <div class="row small-up-1 medium-up-2 large-up-4"> <div class="column"> <label for="person_0" class="label_person">Full Name </label> <input autocomplete="off" type="text" name="person[]" id="person_0" class="input_person" maxlength="50" value=""> </div> <div class="column"> <label for="role_0" class="label_role">Person Role</label> <select autocomplete="off" name="role[]" class="role select_role" id="role_0"> <option value=""></option> <option value="Complainant (an individual concerned about conduct that may constitute discrimination, harassment, or retaliation)">Complainant (an individual concerned about conduct that may constitute discrimination, harassment, or retaliation)<option value=" Respondent (an individual alleged to have engaged in conduct that may constitute discrimination, harassment, or retaliation)"> Respondent (an individual alleged to have engaged in conduct that may constitute discrimination, harassment, or retaliation)<option value=" Witness (an individual who observed conduct that may constitute discrimination, harassment, or retaliation)"> Witness (an individual who observed conduct that may constitute discrimination, harassment, or retaliation) </select> </div> <div class="column"> <label for="phone_0" class="label_phone">Phone number (if known)</label> <input autocomplete="off" type="text" name="phone[]" id="phone_0" class="input_phone" maxlength="50" value=""> </div> <div class="column"> <label for="email_0" class="label_email">Email address (if known)</label> <input autocomplete="off" type="email" name="email[]" id="email_0" maxlength="50" class="input_email" value="" data-lpignore data-1p-ignore> </div> <div class="column" > <label for="halladdress_0" class="label_halladdress">Campus Address</label> <input autocomplete="off" type="text" name="halladdress[]" id="halladdress_0" maxlength="50" class="input_halladdress" value="" data-lpignore data-1p-ignore> </div> </div> </fieldset> </div> </div> <input type="button" id="btnAdd" class="button" value="Add another party"> <input type="button" id="btnDel" class="button hide" value="Remove last party"> </div> </section> <section> <h2 class="sectionheader">Tell Us More About Yourself and Your Report</h2> <div id="addquest"> <div class="sectioninstructions"><p class="MsoNormal"><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;">HELPFUL DEFINITIONS</span></strong></p> <p class="MsoNormal"><a href="https://your.yale.edu/policies-procedures/policies/9000-yale-university-policy-against-discrimination-and-harassment#:~:text=Discrimination%20means%20treating%20an%20individual,disabled%20veteran%2C%20veteran%20of%20the"><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Discrimination</span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://your.yale.edu/policies-procedures/policies/9000-yale-university-policy-against-discrimination-and-harassment#:~:text=Harassment%20means%20subjecting%20an%20individual,work%2C%20academic%20performance%20or%20participation"><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;"> Discriminatory Harassment</span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions#:~:text=Intimate%20partner%20violence%20(IPV)%20occurs,Stalking%20may%20also%20constitute%20IPV."><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;"> Intimate Partner Violence </span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://your.yale.edu/policies-procedures/policies/9000-yale-university-policy-against-discrimination-and-harassment#:~:text=and%20Related%20Definitions.-,Retaliation,activity%20protected%20under%20this%20policy."><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Retaliation</span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions#:~:text=Sexual%20assault%20is%20any%20kind,form%20of%20nonconsensual%20sexual%20touching."><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Sexual Assault</span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions#:~:text=Sexual%20harassment%20consists%20of%20unwelcome,%3B%20or%20(2)%20submission%20to"><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Sexual Harassment</span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions#:~:text=to%20assist%20you.-,Stalking,%2C%20monitoring%2C%20and%20pursuing%20contact."><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Stalking </span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions#:~:text=Yale%20Policy%20on%20Relationships%20between%20Staff%20Members&text=Under%20no%20circumstances%20can%20a,a%20romantic%20or%20sexual%20relationship."><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Violation of Staff Relationship Policy</span></strong></a><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; color: #0a0a0a; background: white;"> </span></strong><a href="https://smr.yale.edu/find-policies-information/yale-sexual-misconduct-policies-and-related-definitions#:~:text=Therefore%2C%20teachers%20must%20avoid%20sexual,whether%20the%20relationship%20is%20consensual."><strong><span style="font-size: 14.0pt; line-height: 107%; font-family: 'Arial',sans-serif; background: white;">Violation of Teacher-Student Relationship Policy</span></strong></a></p></div> <input type="hidden" name="numberOfAdditionalQuestions" value="8"> <div class="row"> <div class="small-12 columns question"> <fieldset class="checkbox-group" data-validator-min="1"> <legend class="addquest_label">Nature of incident/your concern. Check all that apply.<span class="required">(Required)</span></legend> <div class="answers"> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Discriminatory" required data-validator="checkbox_limit">Discriminatory </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Discriminatory Harassment" required data-validator="checkbox_limit">Discriminatory Harassment </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Intimate Partner Violence" required data-validator="checkbox_limit">Intimate Partner Violence </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Retaliation" required data-validator="checkbox_limit">Retaliation </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Sexual Assault" required data-validator="checkbox_limit">Sexual Assault </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Sexual Harassment" required data-validator="checkbox_limit">Sexual Harassment </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Stalking" required data-validator="checkbox_limit">Stalking </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Violation of Staff Relationship Policy" required data-validator="checkbox_limit">Violation of Staff Relationship Policy </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Violation of Teacher-Student Relationship Policy" required data-validator="checkbox_limit">Violation of Teacher-Student Relationship Policy </label> <label class="label_radiocheck"> <input autocomplete="off" type="checkbox" name="aq[1][answer][]" value="Other/Unknown" required data-validator="checkbox_limit">Other/Unknown </label> </div> <span class="form-error addquest_error">You must make at least one selection.</span> </fieldset> </div> </div> <div class="row"> <div class="small-12 columns question"> <label class="addquest_label" for="aq[2][answer]">If You Selected Other/Unknown as a Response to the Above, Please Provide Additional Information in the Space Below.</label> <input autocomplete="off" type="text" name="aq[2][answer]" id="aq[2][answer]" class="answers" maxlength="100"> <span class="form-error addquest_error">This field is required.</span> </div> </div> <div class="row"> <div class="small-12 columns question"> <label class="addquest_label" for="aq[3][answer]">Please Provide a Detailed Description of the Incident/Your Concern<span class="required">(Required)</span></label> <textarea autocomplete="off" spellcheck="true" name="aq[3][answer]" id="aq[3][answer]" class="answers" required rows="5"></textarea> <span class="form-error addquest_error">This field is required.</span> </div> </div> <div class="row"> <div class="small-12 columns question"> <fieldset class="checkbox-group" data-validator-min="1"> <legend class="addquest_label">What is Your Affiliation with the University?<span class="required">(Required)</span></legend> <div class="row"> <div class="answers"> <div class="large-4 columns "> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Faculty" required data-validator="checkbox_limit">Faculty</label> </div> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Staff" required data-validator="checkbox_limit">Staff</label> </div> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Post-Doctoral Associate/Fellow" required data-validator="checkbox_limit">Post-Doctoral Associate/Fellow</label> </div> </div> <div class="large-4 columns "> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Graduate or Professional Student" required data-validator="checkbox_limit">Graduate or Professional Student</label> </div> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Undergraduate Student" required data-validator="checkbox_limit">Undergraduate Student</label> </div> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Alumnus" required data-validator="checkbox_limit">Alumnus</label> </div> </div> <div class="large-4 columns "> <div class="allegations_indiv"> <label><input autocomplete="off" type="checkbox" name="aq[4][answer][]" value="Other" required data-validator="checkbox_limit">Other</label> </div> </div> </div> </div> <span class="form-error addquest_error">You must make at least one selection.</span> </fieldset> </div> </div> <div class="row"> <div class="small-12 columns question"> <label class="addquest_label" for="aq[5][answer]">If You Selected Other as a Response to the Above, Please Provide Additional Information in the Space Below.</label> <input autocomplete="off" type="text" name="aq[5][answer]" id="aq[5][answer]" class="answers" maxlength="100"> <span class="form-error addquest_error">This field is required.</span> </div> </div> <div class="row"> <div class="small-12 columns question"> <label class="addquest_label" for="aq[6][answer]">Your Department and/or School<span class="required">(Required)</span></label> <input autocomplete="off" type="text" name="aq[6][answer]" id="aq[6][answer]" class="answers" required maxlength="100"> <span class="form-error addquest_error">This field is required.</span> </div> </div> <div class="row"> <div class="small-12 columns question"> <fieldset> <legend class="addquest_label">Has This Matter Been Reported to any Other Office(s) at Yale?<span class="required">(Required)</span></legend> <div class="answers radio-group"> <label class="label_radiocheck"> <input autocomplete="off" type="radio" name="aq[7][answer]" value="Yes" required>Yes </label> <label class="label_radiocheck"> <input autocomplete="off" type="radio" name="aq[7][answer]" value="No" required>No </label> </div> <span class="form-error addquest_error">This field is required.</span> </fieldset> </div> </div> <div class="row"> <div class="small-12 columns question"> <label class="addquest_label" for="aq[8][answer]">If Yes, Which Office(s)?</label> <input autocomplete="off" type="text" name="aq[8][answer]" id="aq[8][answer]" class="answers" maxlength="100"> <span class="form-error addquest_error">This field is required.</span> </div> </div> </div> </section> <section> <h2 class="sectionheader">Supporting Documentation</h2> <div id="supportdocs"> <div class="column row"> <div class="sectioninstructions" id="uploadFilesInstructions"> <p> Please upload all relevant documentation. 5GB maximum total size.<br><strong>Attachments require time to upload, so please be patient after submitting this form.</strong> </p> </div> </div> <div class="column row"> <input tabindex="-1" type="file" name="uploadedFiles[]" id="filer_input" aria-labelledby="uploadFilesInstructions" multiple="multiple"> </div> </div> </section> <section> <div class="row"> <div class="small-12 columns text-center" id="submit_btn"> <h2 class="show-for-sr sectionheader">Submission</h2> <p><input autocomplete="off" type="checkbox" id="sendCopyToAuthor" name="sendCopyToAuthor" value="Yes" ><label for="sendCopyToAuthor">Email me a copy of this report</label></p> <input autocomplete="off" class="large button" type="submit" name="submit" id="submit" value="Submit"> </div> </div> </section> <div class="row"> <div class="small-12 columns"> <div data-abide-error class="alert callout" style="display: none;"> <p id="error_detail_bottom"></p> </div> </div> </div> </form> </main> </div><!-- big wrap column--> </div><!-- big wrap --> <script src="publicside_assets/bower_components/jquery/dist/jquery.js"></script> <script src="publicside_assets/bower_components/what-input/what-input.js"></script> <script src="publicside_assets/bower_components/foundation-sites/dist/foundation.min.js"></script> <script src="publicside_assets/bower_components/app.js"></script> <script src="https://cdn.jsdelivr.net/npm/timepicker@1.11.14/jquery.timepicker.min.js"></script> <script src="publicside_assets/cloneform/clone-form-td2.js"></script> <script src="publicside_assets/jquery_filer/js/jquery.filer.AHmods102620.min.js"></script> <script src="https://use.fontawesome.com/b22e7499d6.js"></script> <script type="text/javascript"> // add tabindex="0" and link icon from Font Awesome to help visually identify as a link any <a> elements, and so tabbing will work correctly on form var alinks = document.getElementsByTagName('a'); for (i=0; i<alinks.length; i++) { alinks[i].setAttribute("tabindex","0"); alinks[i].innerHTML += " <i class='fa fa-external-link' aria-hidden='true'></i>"; } function ShowHide(elementId) { var element = document.getElementById(elementId); if(element.style.display != "block") element.style.display = "block"; else element.style.display = "none"; } function ShowPersonRow(elementId) { var element = document.getElementById(elementId); element.style.display = ""; // using table-row here breaks IE6/7 } function ShowLinkRow(elementId) { var element = document.getElementById(elementId); element.style.display = ""; // using table-row here breaks IE6/7 } function HideLinkRow(elementId) { var element = document.getElementById(elementId); element.style.display = "none"; } $('#time_of_incident').timepicker({ 'scrollDefault': 'now', 'step': '15', 'timeFormat': 'g:i A' }); // jquery_filer for file uploads $('#filer_input').filer({ limit: 30, maxSize: 5000, changeInput: true, showThumbs: true, addMore: true, captions: { button: "Choose Files", feedback: "Choose files to upload", feedback2: "file(s) selected", drop: "Drop file here to upload", removeConfirmation: "Are you sure you want to remove this file?", errors: { filesLimit: "Only {{fi-limit}} files are allowed to be uploaded.", filesType: "This type of file cannot be uploaded.", filesSize: "{{fi-name}} is too large. Your total upload cannot exceed {{fi-maxSize}} MB.", filesSizeAll: "The files you've chosen are too large. Your total upload cannot exceed {{fi-maxSize}} MB." } } }); /* Makes Abide work on radio buttons - triggers after the native scripts work */ $(".radio-group").on("invalid.zf.abide", function(ev,el) { $(this).find("input").each(function (i) { if($(this).hasClass("is-invalid-input")) { $(this).closest("fieldset").find("legend").addClass("is-invalid-label"); $(this).closest("fieldset").find('span.form-error').addClass("is-visible"); } }); }); $(".radio-group").on("valid.zf.abide", function(ev,frm) { $(this).find("input").each(function (i) { if(!$(this).hasClass("is-invalid-input")) { $(this).closest("fieldset").find("legend").removeClass("is-invalid-label"); $(this).closest("fieldset").find('span.form-error').removeClass("is-visible"); } }); }); $('input, textarea, select').on("change.zf.abide", function(ev,elem) { var invalid_fields = $('form').find('[data-invalid]'); if (invalid_fields.length == 0) $('.alert.callout').addClass('hide'); else $('.alert.callout').removeClass('hide'); }); /* Makes form scroll to first invalid entry */ $('form').on('forminvalid.zf.abide', function () { var invalid_fields = $(this).find('[data-invalid]'); var visibleErrors = document.getElementsByClassName('form-error is-visible'); for (var i=0; i < visibleErrors.length; i++) { var count = i + 1; visibleErrors[i].innerHTML = 'A response in this field is required. <span class="show-for-sr">This is field ' + count + ' of ' + visibleErrors.length + ' that has an error.</span>'; } document.getElementById('error_detail_top').innerHTML = '<i class="fa fa-exclamation-triangle fa-2" aria-hidden="true"></i> ' + visibleErrors.length + ' fields have errors. Please review the highlighted fields.'; document.getElementById('error_detail_bottom').innerHTML = '<i class="fa fa-exclamation-triangle fa-2" aria-hidden="true"></i> ' + visibleErrors.length + ' fields have errors. Please review the highlighted fields.'; $('html, body').animate({ scrollTop: $(invalid_fields[0]).offset().top - 40 }, 1000, function() { $(invalid_fields[0]).focus(); /*for putting focus on the first invalid field*/ }); }); // 11/18/19: HTML5 input type=date detection var isDateSupported = function () { var input = document.createElement('input'); var value = 'a'; input.setAttribute('type', 'date'); input.setAttribute('value', value); return (input.value !== value); }; if (isDateSupported()) { $('#lbl_date_of_incident').append('<span class="show-for-sr">Format is MM/DD/YYYY.</span>'); } if (!isDateSupported()) { $('#lbl_date_of_incident').append('<br>Format is YYYY-MM-DD.'); } </script> </body> </html>