Dear All,
I customize jobs online form. I'd like to validate the form after submit.
But I've wondering why it does not working.
Appreciate any help.
template.xml:
<?xml version="1.0" encoding="utf-8"?>
<odoo>
<template id="assets_frontend" inherit_id="website.assets_frontend" name="website_seic_assets">
<xpath expr="link[last()]" position="after">
<link rel='stylesheet' type="text/less" href='/website_seic/static/src/less/website_seic.less'/>
</xpath>
<xpath expr="script[last()]" position="after">
<script type="text/javascript" src="/website_seic/static/src/js/custom.js"></script>
</xpath>
</template>
<template id="index">
<title>Academy</title>
<t t-foreach="teachers" t-as="teacher">
<p><t t-esc="teacher"/></p>
</t>
</template>
<template id="apply">
<t t-call="website.layout">
<t t-set="additional_title">Apply Job</t>
<div id="wrap" class="container">
<h1 class="text-center">
JOBS
</h1>
<h2 t-if="job" class="text-center text-muted">
<span t-field="job.name"/>
</h2>
<div class="row">
<section id="forms">
<form name="myForm" action="/website/form/" method="post" class="s_website_form form-horizontal container-fluid mt32" enctype="multipart/form-data" data-model_name="hr.applicant" data-success_page="/myjob-thank-you" t-att-data-form_field_department_id="job and job.department_id.id or False" t-att-data-form_field_job_id="job and job.id or False">
<div class="form-group form-field o_website_form_required_custom">
<div class="col-md-3 col-sm-4 text-right">
<label class="control-label" for="partner_name">Name</label>
</div>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="partner_name" required="" placeholder="Please enter your name"/>
</div>
<div id="other-partnername-container">
<div class="col-md-3 col-sm-4"></div>
<div class="col-md-7 col-sm-8">Please enter your name (Character Only)</div>
</div>
</div>
<div class="form-group form-field o_website_form_required_custom">
<div class="col-md-3 col-sm-4 text-right">
<label class="control-label" for="x_partner_id">Person ID</label>
</div>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="x_partner_id" required="" placeholder="Person ID"/>
</div>
<div id="other-partnerid-container">
<div class="col-md-3 col-sm-4"></div>
<div class="col-md-7 col-sm-8">Please enter your personal ID</div>
</div>
</div>
<div class="form-group form-field o_website_form_required_custom">
<div class="col-md-3 col-sm-4 text-right">
<label class="control-label" for="partner_mobile">Mobile</label>
</div>
<div class="col-md-7 col-sm-8">
<input type="text" class="form-control o_website_form_input" name="partner_mobile" required="" placeholder="Please enter mobile"/>
</div>
<div id="other-mobile-container">
<div class="col-md-3 col-sm-4"></div>
<div class="col-md-7 col-sm-8">Please enter mobile</div>
</div>
</div>
<div class="form-group form-field o_website_form_required_custom">
<div class="col-md-3 col-sm-4 text-right">
<label class="control-label" for="email_from">Email</label>
</div>
<div class="col-md-7 col-sm-8">
<input type="email" class="form-control o_website_form_input" name="email_from" required="" placeholder="Please enter email"/>
</div>
<div id="other-email-container">
<div class="col-md-3 col-sm-4"></div>
<div class="col-md-7 col-sm-8">Please enter email</div>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-3 col-sm-offset-4 col-sm-8 col-md-7">
<span id="my-button" class="btn btn-primary btn-lg o_website_form_send">Submit</span>
<span id="o_website_form_result"></span>
</div>
</div>
</form>
</section>
</div>
</div>
</t>
</template>
</odoo>
custom.js
$(function(){
'use strict';
$('body').on('click', 'span', function() {
//javascript working fine when uncomment/comment below line:
//alert (document.myForm.x_partner_id.value);
if !(checkPartnerID(document.myForm.x_partner_id.value))
$("#other-partnerid-container").show();
else
$("#other-partnerid-container").hide();
});
});
function checkPartnerID(id)
{
if(id.length != 13)
return false;
for(i=0, sum=0; i < 12; i++)
sum += parseFloat(id.charAt(i))*(13-i);
if((11-sum%11)%10!=parseFloat(id.charAt(12)))
return false;
return true;
};
