Προς το περιεχόμενο

JavaScript - Regular Expressions&Length Validation


Προτεινόμενες αναρτήσεις

Δημοσ.

να τον πληρώσουμε που έμαθε html, css και javascript των 10 λεπτών?

 

για form validation???

 

θα μας τρελάνετε???

 

περίμενε λίγο να συνέλθω..

 

και ξαναρωτάω..

 

είστε σοβαροί??????????

big-lebowski-deal-with-it.gif

Δημοσ.

Anyway, φίλοι μου και συγκεκριμένα defacer, καταλαβαίνω πως το λες.. Φαίνεσαι επαγγελματίας απο την διαδικασία που εξηγείς τον κώδικα..

Σίγουρα παίρνει διορθώσεις, σίγουρα θα μπορούσα να γλιτώσω τις επαναλήψεις του κωδικά μου με άλλη διαδικασία, άλλα δεν το θεώρησα τόσο σημαντικό.. 

Ταυτόχρονα να προσθέσω, αν αυτό ήταν για εμπορικούς σκοπούς, θα είχε και ανάλογο support (δλδ θα άλλαζε με τον καιρό )...

Whatever, το έλυσα το πρόβλημα, μου πήρε το απόγευμα μου, αλλά το έβγαλα!!

Θα τον δημοσιεύσω, μόλις τελειώσει 100%! 

Σας ευχαριστώ όλους για τον χρόνο σας!


document.addEventListener("DOMContentLoaded", function() {
  document.querySelector("#Name").addEventListener("keyup", capitalizeName);
});

function capitalizeName() {
  if (!this.value) return;
  var aNewName = this.value.split(" ").map(function(name) {
    return name.charAt(0).toUpperCase() + name.substring(1);
  });
  this.value = aNewName.join(" ");
}

function validateForm() {
for (var i = 0; i < document.forms[0].elements.length; i++) {
    var pedio = document.forms[0].elements[i];
	if(pedio.id.indexOf("Name")!=-1){
		var regex = /^[a-zA-Z\s]*$/; 
		var result= regex.test(pedio.value);
		if (pedio.value.length < 5 || pedio.value.length > 35) {
			alert("Full Name must be 5-35 character long");
            pedio.focus();
            pedio.style.backgroundColor = "#997379";
            return false;
		}
		if (!result) {
			alert("Full Name must be char type");
			pedio.style.backgroundColor = "#997379";
			return false;
		}
	}
		
    if ((pedio.id.indexOf("Phone") != -1) && (isNaN(pedio.value))) {
        alert("Phone is must contain only numbers");
        pedio.focus();
        pedio.style.backgroundColor = "#997379";
        return false;
    }
	
	if(pedio.id.indexOf("Phone")!=-1){
		if (pedio.value.length!=10) {
			alert("Phone must be 10 numbers");
            pedio.focus();
            pedio.style.backgroundColor = "#997379";
            return false;
			}
	}
	
	document.forms[0].elements[0].style.backgroundColor="rgba(64,63,65,0.8)"; //allagh xrwmatos full name,an dwthei swsth timh
	document.forms[0].elements[2].style.backgroundColor="rgba(64,63,65,0.8)"; //allagh xrwmatos phone, an dwthei swsth timh
	
	
	if(pedio.id.indexOf("Password")!=-1){
		var RegPass = /^(?=.*?[A-Z])(?=.*?[a-z])(?=.*?[0-9]).{8,16}$/;
		var result= RegPass.test(pedio.value);
		if (!result) {
			alert("Password must contain 8-16 characters with at least one number and one uppercase character");
			pedio.focus();
			pedio.style.backgroundColor = "#997379";
			return false;
			}
		}
	}
}
Δημοσ.

να τον πληρώσουμε που έμαθε html, css και javascript των 10 λεπτών?

 

για form validation???

 

θα μας τρελάνετε???

 

περίμενε λίγο να συνέλθω.. 

 

και ξαναρωτάω..

 

είστε σοβαροί?????????? 

 

Είσαι Μid/Senior Dev?

Δημιουργήστε ένα λογαριασμό ή συνδεθείτε για να σχολιάσετε

Πρέπει να είστε μέλος για να αφήσετε σχόλιο

Δημιουργία λογαριασμού

Εγγραφείτε με νέο λογαριασμό στην κοινότητα μας. Είναι πανεύκολο!

Δημιουργία νέου λογαριασμού

Σύνδεση

Έχετε ήδη λογαριασμό; Συνδεθείτε εδώ.

Συνδεθείτε τώρα
  • Δημιουργία νέου...