Bem, fiz um exemplo no JsFiddle: http://jsfiddle.net/SamirChaves/y41q39yd/4/
Você vai perceber que há duas caixas de texto. Basicamente, o sistema irá verificar se há uma diferença superior a 3 caracteres.
function verifyChange(){
var span = document.getElementsByTagName("span")[0];
var name = document.getElementById("name_user");
var correcao = document.getElementById("correcao_name_user");
var char1 = []; //quantidade de caracteres do name_user
var char2 = []; //quantidade de caracteres do correcao_name_user
for(var i = 0; i < name.value.length; i++){
char1[i] = name.value.substring(i, i+1);
}
for(var j = 0; j < correcao.value.length; j++){
char2[j] = correcao.value.substring(j, j+1);
}
if(char1.length - char2.length > 3 || char2.length - char1.length > 3){
span.innerHTML = "Modificação inválida.";
}else{
var NCrt = 0; //nº de caracteres modificados
var n = 0;
if(char1.length == char2.length){
for(var i = 0; i < char1.length; i++){
if(char1[i] != char2[i]){
NCrt++;
}
}
}else{
if ( char1.length < char2.length){
Mlength = char1.length
for(var j = 0; i < char2.length; i++){
for(var i = 0; i < char1.length; i++){
if(char1[j] != char2[i]){
NCrt++;
}
}
if(NCrt == char2.length){
n++;
}
}
}else {
for(var j = 0; i < char1.length; i++){
for(var i = 0; i < char2.length; i++){
if(char2[j] != char1[i]){
NCrt++;
}
}
if(NCrt == char1.length){
n++;
}
}
}
}
if(NCrt > 3 || n > 3){
span.innerHTML = "Modificação inválida.";
}else{
span.innerHTML = "Modificação válida.";
}
}
}
<form action="javascript: verifyChange()">
<input type="text" onblur="verifyChange()" id="name_user" value="George">
<input type="text" onblur="verifyChange()" id="correcao_name_user" value="gege">
<input type="submit" value="Verificar" onclick="verifyChange()">
<br>
<br>
<span></span>
</form>
Fiz em javascript puro mesmo.
A propriedade substring
, funciona capturando o caractere da String
, por exemplo:
var ex = "Exemplo";
ex.substring(0, 3);
Resultaria em:
Exe
Ele conta como se funcionasse igual a uma seleção,:
|E|x|e|m|p|l|o|
no caso acima, ele selecionou da primeira barra (0) a quarta (3).
Veja mais sobre o subtring
aqui: https://developer.mozilla.org/pt-BR/docs/Web/JavaScript/Reference/Global_Objects/String/substring
Há também o substr
, explicado aqui: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/substr