Skip to content

A
app-monitorul-oficial
Commit 9b59e58e by Munteanu Petrisor
Options

Add frontend validation for register page

parent bde13c35
Showing with 105 additions and 15 deletions
public/js/register.js 0 → 100644
$(document).ready(function () {
$.validate({
lang: 'ro',
form: '#registerForm',
scrollToTopOnError: true,
modules: 'html5',
modules: 'sanitize',
modules: 'security',
modules: 'sepa',
onError: function ($form) {
return false;
},
onSuccess: function ($form) {
return true
}
});
});
\ No newline at end of file
templates/inregistrare.phtml
...@@ -34,36 +34,71 @@ ...@@ -34,36 +34,71 @@
<?php <?php
} }
?> ?>
<form action="/inregistrare" method="POST"> <form action="/inregistrare" method="POST" id="registerForm">
<div class="col s6"> <div class="col s6">
<div class="card"> <div class="card">
<div class="card-content login-card-content"> <div class="card-content login-card-content">
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Nume" id="name" name="lastName" type="text"/> <input placeholder="Nume" id="name" name="lastName" type="text"
data-sanitize="trim upper"
data-validation="required length custom"
data-validation-regexp="^([A-Za-zăîâșțĂÎÂȘȚ \-]+)$"
data-validation-length="3-20"
data-suggestions="White, Green, Blue, Black, Brown"
data-validation-error-msg="Numele trebuie să conțină doar litere (min 3, max 20 caractere)"
/>
<label for="lastName">Nume</label> <label for="lastName">Nume</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Prenume" id="surname" name="firstName" type="text"/> <input placeholder="Prenume" id="surname" name="firstName" type="text"
data-sanitize="trim upper"
data-validation="required length custom"
data-validation-regexp="^([A-Za-zăîâșțĂÎÂȘȚ \-]+)$"
data-validation-length="3-20"
data-validation-error-msg="Prenumele trebuie să conțină doar litere (min 3, max 20 caractere)"
/>
<label for="firstName">Prenume</label> <label for="firstName">Prenume</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Adresa" id="address" name="address" type="text"/> <input placeholder="Adresa" id="address" name="address" type="text"
data-sanitize="trim"
data-validation="required length alphanumeric"
data-validation-allowing=" -.ăîâșțĂÎÂȘȚ"
data-validation-length="10-100"
data-validation-error-msg="Adresa trebuie să conțină litere, cifre și caractere speciale (min 10, max 100 caractere)"
/>
<label for="address">Adresa</label> <label for="address">Adresa</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Telefon" id="phone" name="phone" type="text"/> <input placeholder="Telefon" id="phone" name="phone" type="text"
data-sanitize="trim"
data-validation="required length number"
data-validation-length="9-15"
data-validation-error-msg="Telefonul trebuie să conțină doar cifre (min 9, max 15 caractere)"
/>
<label for="phone">Telefon</label> <label for="phone">Telefon</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="CNP" id="cnp" name="nin" type="text"/> <input placeholder="CNP" id="cnp" name="nin" type="text"
data-sanitize="trim"
data-validation="length number"
data-validation-length="13"
data-validation-error-msg="CNP-ul trebuie să conțină doar cifre (13 caractere)"
/>
<label for="nin">CNP</label> <label for="nin">CNP</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Email" id="email" name="email" type="email"/> <input placeholder="Email" id="email" name="email" type="email"
data-sanitize="trim lower"
data-validation="required length email alphanumeric"
data-validation-allowing="@-_."
data-validation-length="5-100"
data-validation-error-msg="Email-ul trebuie să conțină doar litere, cifre și @ - _ . (min 7, max 100 caractere)"
/>
<label for="email">Email</label> <label for="email">Email</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
...@@ -85,31 +120,65 @@ ...@@ -85,31 +120,65 @@
<div class="row"> <div class="row">
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Denumire companie" id="companyName" name="companyName" <input placeholder="Denumire companie" id="companyName" name="companyName"
type="text"/> type="text"
data-sanitize="trim"
data-validation="length alphanumeric"
data-validation-length="3-100"
data-validation-allowing=" -.ăîâșțĂÎÂȘȚ"
data-validation-error-msg="Trebuie să conțină doar caractere alfanumerice (min 3, max 100 caractere)"
/>
<label for="companyName">Denumire companie</label> <label for="companyName">Denumire companie</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="C.U.I" id="cui" name="cui" type="text"/> <input placeholder="C.U.I" id="cui" name="cui" type="text"
data-sanitize="trim upper"
data-validation="custom"
data-validation-regexp="^(RO)?[0-9]{2,10}$"
data-validation-error-msg="CUI-ul trebuie să conțină doar cifre și secvența RO (min 2, max 10 caractere)"
/>
<label for="cui">C.U.I</label> <label for="cui">C.U.I</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Nr.Reg.Com." id="regCom" name="regCom" type="text"/> <input placeholder="Nr.Reg.Com." id="regCom" name="regCom" type="text"
data-sanitize="trim upper"
data-validation="length alphanumeric"
data-validation-allowing="/"
data-validation-length="10-15"
data-validation-error-msg="Nr.Reg.Com. trebuie să conțină doar litere, cifre și / (min 10, max 15 caractere)"
/>
<label for="regCom">Nr.Reg.Com.</label> <label for="regCom">Nr.Reg.Com.</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Adresa companie" id="comAddress" name="comaddress" <input placeholder="Adresa companie" id="comAddress" name="comaddress"
type="text"/> type="text"
data-sanitize="trim upper"
data-validation="length alphanumeric"
data-validation-allowing=" -.ăîâșțĂÎÂȘȚ"
data-validation-length="10-100"
data-validation-error-msg="Adresa trebuie să conțină doar litere (min 10, max 100 caractere)"
/>
<label for="comAddress">Adresa companie</label> <label for="comAddress">Adresa companie</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Cont bancar" id="bankAccount" name="bankAccount" <input placeholder="Cont bancar" id="bankAccount" name="bankAccount"
type="text"/> type="text"
data-sanitize="trim upper"
data-validation="length alphanumeric"
data-validation-length="24"
data-validation-error-msg="Cont Bancar trebuie să conțină doar litere, cifre și / (24 caractere)"
/>
<label for="bankAccount">Cont bancar</label> <label for="bankAccount">Cont bancar</label>
</div> </div>
<div class="input-field col s12"> <div class="input-field col s12">
<input placeholder="Banca" id="bankName" name="bankName" type="text"/> <input placeholder="Banca" id="bankName" name="bankName" type="text"
data-sanitize="trim upper"
data-validation="length alphanumeric"
data-validation-allowing=" -.ăîâșțĂÎÂȘȚ"
data-validation-length="3-50"
data-validation-error-msg="Numele băncii trebuie să conțină doar litere (min 3, max 50 caractere)"
/>
<label for="bankName">Banca</label> <label for="bankName">Banca</label>
</div> </div>
</div> </div>
...@@ -157,7 +226,10 @@ ...@@ -157,7 +226,10 @@
</footer> </footer>
<script src="https://code.jquery.com/jquery-2.1.1.min.js"></script> <script src="https://code.jquery.com/jquery-2.1.1.min.js"></script>
<script src="js/materialize.js"></script> <script src="/js/form-validator/jquery.form-validator.min.js"></script>
<script src="js/modernizr.js"></script> <script src="/js/jquery.filer.min.js"></script>
<script src="/js/materialize.js"></script>
<script src="/js/modernizr.js"></script>
<script src="/js/register.js"></script>
</body> </body>
</html> </html>
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment