Skip to main content
adicionou 724 caracteres ao conteúdo
Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

/^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.


Outro detalhe é que o método match retorna um array contendo várias informações, como o trecho que foi encontrado, grupos de captura, etc. Mas se você não precisa dessas informações e só quer saber se a string corresponde à regex (ou seja, apenas "sim ou não"), pode usar o método test, que retorna simplesmente true ou false:

let regex = /^[A-Za-z][0-9]{7}$/;
if (regex.test(inputvalue.value)) {
    // sucesso
} else {
    // falha
}

E esta regex pode ser usada no atributo pattern sem problemas:

const campo = document.querySelector('#campo');

campo.addEventListener('input', () => {
  campo.setCustomValidity('');
  campo.checkValidity();
});

campo.addEventListener('invalid', () => {
    campo.setCustomValidity('O campo deve ter uma letra seguida de 7 dígitos');
});
/* deixar borda vermelha enquanto o campo for inválido */
input:invalid {
  border: red 1px solid;
}
<form>
  <input id="campo" type="text" pattern="^[A-Za-z][0-9]{7}$" required />
  <input type="submit" value="ok">
</form>

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

/^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.


Outro detalhe é que o método match retorna um array contendo várias informações, como o trecho que foi encontrado, grupos de captura, etc. Mas se você não precisa dessas informações e só quer saber se a string corresponde à regex (ou seja, apenas "sim ou não"), pode usar o método test, que retorna simplesmente true ou false:

let regex = /^[A-Za-z][0-9]{7}$/;
if (regex.test(inputvalue.value)) {
    // sucesso
} else {
    // falha
}

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

/^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.


Outro detalhe é que o método match retorna um array contendo várias informações, como o trecho que foi encontrado, grupos de captura, etc. Mas se você não precisa dessas informações e só quer saber se a string corresponde à regex (ou seja, apenas "sim ou não"), pode usar o método test, que retorna simplesmente true ou false:

let regex = /^[A-Za-z][0-9]{7}$/;
if (regex.test(inputvalue.value)) {
    // sucesso
} else {
    // falha
}

E esta regex pode ser usada no atributo pattern sem problemas:

const campo = document.querySelector('#campo');

campo.addEventListener('input', () => {
  campo.setCustomValidity('');
  campo.checkValidity();
});

campo.addEventListener('invalid', () => {
    campo.setCustomValidity('O campo deve ter uma letra seguida de 7 dígitos');
});
/* deixar borda vermelha enquanto o campo for inválido */
input:invalid {
  border: red 1px solid;
}
<form>
  <input id="campo" type="text" pattern="^[A-Za-z][0-9]{7}$" required />
  <input type="submit" value="ok">
</form>

adicionou 724 caracteres ao conteúdo
Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

 /^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificadorquantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.


Outro detalhe é que o método match retorna um array contendo várias informações, como o trecho que foi encontrado, grupos de captura, etc. Mas se você não precisa dessas informações e só quer saber se a string corresponde à regex (ou seja, apenas "sim ou não"), pode usar o método test, que retorna simplesmente true ou false:

let regex = /^[A-Za-z][0-9]{7}$/;
if (regex.test(inputvalue.value)) {
    // sucesso
} else {
    // falha
}

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

 /^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

/^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.


Outro detalhe é que o método match retorna um array contendo várias informações, como o trecho que foi encontrado, grupos de captura, etc. Mas se você não precisa dessas informações e só quer saber se a string corresponde à regex (ou seja, apenas "sim ou não"), pode usar o método test, que retorna simplesmente true ou false:

let regex = /^[A-Za-z][0-9]{7}$/;
if (regex.test(inputvalue.value)) {
    // sucesso
} else {
    // falha
}
adicionou 53 caracteres ao conteúdo
Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

 /^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

 /^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7.

Claro que tem como determinar quantidades específicas.

Se quer uma letra seguida de 7 números, basta trocar a regex para:

 /^[A-Za-z][0-9]{7}$/

Se quer definir a quantidade mínima e máxima, basta trocar o quantificador. Por exemplo, {2,7} para no mínimo 2 e no máximo 7. Ou ainda {2,} para no mínimo 2, sem limite máximo.

Fonte Link
hkotsubo
  • 66,9mil
  • 25
  • 87
  • 170
Carregando