estou treinando JavaScript
com HTML
e CSS
e estou criando uma página simples de web onde irei fazer o calculo de IMC.O meu usuário além de informar seu peso e altura,devera informar seus dados:nome,e-mail,telefone..
Através do JavaScript
devo realizar os cálculos do IMC e validar tanto o nome quanto o E-Mail do usuário, tenho um exemplo que estou seguindo, porém tem um comando que não estou entendendo direito : ONSUBMIT
<section class="userinfo">
<form class="info" action="index.html" method="post" onsubmit="return validateName()">
<ul>
<li><label for="nome">Nome:</label>
<input type="text" name="nome" placeholder="Digite seu nome" id="name" required/></li>
<li><label for="email">E-mail:</label>
<input type="email" name="email" placeholder="Digite seu E-mail" id="email" required></li>
<li><label for="telefone">Telefone:</label>
<input type="tel" name="telefone" placeholder="(xx)xxxxx-xxxx" id="telefone"/></li>
No campo do Form
eu não teria que informar dois onsubmit
? Um validateName e outro validateEmail?
A minha segunda dúvida é sobre o funcionamento do JavaScript
function validateName(){
var name = document.getElementById('name').value;
var nameValidator = /^[a-záàâãéèêíïóôõöüúçñ' ]{5,}$/i;
if (!nameValidator.test(name)){
alert("Nome invalido")
return false}
}
Esse !if
siginifica o operador lógico não
correto? Minha dúvida na verdade é na condição
nameValidator.test(name)
Esse namevalidator
, não teria que ser chamado de : validateName
,que é a minha função para validação do nome do meu usuário?