Untitled

 avatar
unknown
plain_text
a year ago
9.2 kB
4
Indexable
{% load widget_tweaks %}

<div class="row">
    <div class="col-md-6">
        <span style="color: rgb(12, 12, 140);" class="fw-bold">Personal Details</span>
    </div>
</div>
<br>
<div class="row">
    <div class="form-group">
        <label class="form-label">Full Name(as per your degree certificate)<span class="text-danger">*</span></label>
        {{ form.full_name|add_class:"form-control incr"|attr:'required:true'|attr:'maxlength:100'|attr:"pattern:^[a-zA-Z][a-zA-Z\s,-\.`']*$"}}
        <small class="form-text note">NOTE: Allowed special characters are: (",", "-", ".", " ` ", " ' ")</small>
        {% if form.full_name.errors %}
            <span class="alert-danger"> Please enter Full Name</span>
        {% endif %}
    </div>
    <div class="form-group">
        <label class="form-label">Father's Name<span class="text-danger">*</span></label>
        {{ form.fathers_name|attr:'class:form-control'|attr:'required:true'|attr:'maxlength:100'|attr:'pattern:^[A-Za-z]+( [A-Za-z]+)*$'}}
        {% if form.fathers_name.errors %}
            <span class="alert-danger">Please enter Father's Name</span>
        {% endif %}
    </div>
    <div class="form-group">
        <label class="form-label">Mother's Name<span class="text-danger">*</span></label>
        {{ form.mothers_name|attr:'class:form-control'|attr:'required:true'|attr:'text-danger:true'|attr:'maxlength:100'|attr:'pattern:^[A-Za-z]+( [A-Za-z]+)*$'}}
        {% if form.mother_name.errors %}
            <span class="alert-danger">Please enter Mother's Name</span>
        {% endif %}
    </div>
    <div class="form-group">
        <label class="form-label">Date of Birth<span class="text-danger">*</span></label>
        {{ form.date_of_birth|attr:'class:form-control'|attr:'autocomplete:off'| attr:'onkeydown:return false;'|attr:'required:true'|attr:'type:date'}}
        {% if form.date_of_birth.errors %}
            <span class="alert-danger">Please select a valid date </span>
        {% endif %}
        <span class="alert-danger errorSpan" id="dobError"></span>
    </div>
    <div class="form-group">
        <label class="form-label">Gender<span class="text-danger">*</span></label>
        {{ form.gender|attr:'class:form-select form-select-lg'|attr:'required:true'}}
        {% if form.gender.errors %}
            <span class="alert-danger">Please select a Gender </span>
        {% endif %}
    </div>
    <div class="form-group">
        <label class="form-label">Nationality<span class="text-danger">*</span></label>
        {{ form.nationality|attr:'class:form-select form-select-lg'|attr:'required:true'}}
        {% if form.nationality.errors %}
            <span class="alert-danger">Please select a Nationality </span>
        {% endif %}
    </div>
    <div class="form-group">
        <label class="form-label">Address Line 1<span class="text-danger">*</span></label>
        {{ form.address_line_1|attr:'class:form-control'|attr:'required:true'|attr:'maxlength:60'}}
        {% if form.address_line_1.errors %}
            <span class="alert-danger">Please enter Address </span>
        {% endif %}
    </div>
    <div class="form-group">
        <label class="form-label">Address Line 2</label>
        {{ form.address_line_2|attr:'class:form-control'|attr:'maxlength:40'}}
    </div>
    <div class="form-group">
        <label class="form-label">Address Line 3</label>
        {{ form.address_line_3|attr:'class:form-control'|attr:'maxlength:40'}}
    </div>
    <div class="form-group">
        <label for="country" class="bold">Country<span class="text-danger">*</span></label>
        {{form.country|attr:'required:true'|attr:'class:form-select form-select-lg'}}
        {% if form.country.errors %}
            <span class="alert-danger">Please select a Country </span>
        {% endif %}
    </div>
    <div class="form-group">
        <label for="state" class="bold">State<span class="text-danger">*</span></label>
        {{form.state|attr:'required:true'|attr:'class:form-select form-select-lg'}}
        {% if form.state.errors %}
            <span class="alert-danger">Please select State </span>
        {% endif %}
        <span class="alert-danger errorSpan" id="stateError"></span>
    </div>
    <div class="form-group">
        <label for="city" class="bold">City<span class="text-danger">*</span></label>
        {{form.city|attr:'required:true'|attr:'pattern:^[A-Za-z]+( [A-Za-z]+)*$'|attr:'class:form-control'|attr:'maxlength:20'}}
        {% if form.city.errors %}
            <span class="alert-danger">Please enter City </span>
        {% endif %}
    </div>
    <div class="form-group">
        <label for="pin_code" class="bold">Pin Code<span class="text-danger">*</span></label>
        {{form.pin_code|attr:'required:true'|attr:'class:form-control'|attr:'type:number'}}
        {% if form.pin_code.errors %}
            <span class="alert-danger">Please enter Pin Code </span>
        {% endif %}
        <span class="alert-danger errorSpan" id="pincodeError"></span>
    </div>
    <!-- <div class="form-group">
        <label for="phoneId" class="bold">Primary Number<span class="text-danger">*</span></label>
        <div class="flex-container">
            {{form.phone|attr:'required:true'|attr:'maxlength:15'|attr:'class:form-control'}}
        </div>
        {% if form.phone.errors %}
            <span class="alert-danger">Please enter Primary mobile number </span>
        {% endif %}
        <span id="phoneError" class="alert-danger"></span>
        
    </div>
    <div class="form-group">
        <label for="mobileId" class="bold">Alternate Number<span class="text-danger">*</span></label>
        <div class="flex-container">
            {{form.mobile|attr:'required:true'|attr:'maxlength:15'|attr:'class:form-control'}}
        </div>
        {% if form.mobile.errors %}
            <span class="alert-danger">Please enter Alternate mobile number </span>
        {% endif %}
        <span id="mobileError" class="alert-danger"></span>
    </div> -->

    <div class="form-group">
        <label for="phoneId" class="bold">Primary Number<span class="text-danger">*</span></label>
        <div class="flex-container">
            {{form.phone|attr:'required:true'|attr:'maxlength:15'|attr:'class:form-control'}}
        </div>
        {% if form.phone.errors %}
            <span id="phoneError" class="alert-danger">Please enter Primary mobile number </span>
        {% endif %}
        <span class="alert-danger errorSpan" id="primaryError"></span>
    </div>
    
    <div class="form-group">
        <label for="mobileId" class="bold">Alternate Number<span class="text-danger">*</span></label>
        <div class="flex-container">
            {{form.mobile|attr:'required:true'|attr:'maxlength:15'|attr:'class:form-control'}}
        </div>
        {% if form.mobile.errors %}
            <span id="mobileError" class="alert-danger">Please enter Alternate mobile number </span>
        {% endif %}
        <span class="alert-danger errorSpan" id="alternateError"></span>
    </div>
    <div class="form-group">
        <label for="email_id" class="bold">Email ID<span class="text-danger">*</span></label>
        {{form.email_id|attr:'required:true'|attr:'pattern:[^@]+@[^@]+\.[a-zA-Z]{2,}'|attr:'maxlength:50'|attr:'class:form-control'}}
        {% if form.email.errors %}
            <span class="alert-danger">Please enter an email</span>
        {% endif %}
    </div>
    <div class="form-group">
        <label for="current_location" class="bold">Preferred Exam Location<span class="text-danger">*</span></label>
        {{form.current_location|attr:'class:form-select form-select-lg'|attr:'required:true'}}
        {% if form.current_location.errors %}
            <span class="alert-danger">Please select Preferred Exam Location </span>
        {% endif %}
    </div>
    <div class="form-group">
        <label for="linkedinProfile" class="bold">Linkendln Profile Link</label>
        {{form.linkedin_profile|attr:'class:form-control'}}
        {% if form.linkedin_profile.errors %}
            <span class="alert-danger">Please enter a valid url </span>
        {% endif %}
    </div>
    {% if form.alternate_email_id.label %}
    <div class="form-group">
        <label for="alternate_email_id" class="bold">{{form.alternate_email_id.label}} <span class="required"> *</span></label>
        {{form.alternate_email_id|attr:'required:true'|attr:'pattern:[^@]+@[^@]+\.[a-zA-Z]{2,}'|attr:'maxlength:50'|attr:'class:form-control'}}
        <small class="form-text note">{{form.alternate_email_id.help_text}}</small>
        {% if form.mobile.errors %}
            <span class="alert-danger">Please enter an alternate email  </span>
        {% endif %}
    </div>
    {% endif %}
    {% if form.teaching_mode.label %}
    <div class="form-group">
        <label class="form-label">{{form.teaching_mode.label}}</label>
        {{form.teaching_mode|attr:'class:form-control'|attr:'required:true'}}
        <small class="form-text note">{{form.teaching_mode.help_text}}</small>
        {% if form.teaching_mode.errors %}
            <span class="alert-danger">Please select Teaching Mode </span>
        {% endif %}
    </div>
    {% endif %}
</div>
<br>
<br>
<br>
Leave a Comment