Um modelo HTML é tipicamente um ou mais documentos HTML que fornecem uma estrutura para um site, mas que não incluem qualquer conteúdo. Um usuário pode comprar um modelo HTML para criar um site rapidamente , inserindo suas informações de contato da empresa e completando outras seções em branco no modelo com informações específicas para a sua empresa. Você pode ligar para JavaScript a partir de um modelo de HTML , da mesma forma que você chamaria isso de qualquer arquivo HTML. Instruções
1
Criar um modelo de HTML que inclui um formulário de contato e ligar para JavaScript a partir do modelo para validar que o usuário inseriu informações no formulário de contato. Crie um novo arquivo HTML utilizando o bloco de notas ou um editor HTML e insira as informações de cabeçalho no arquivo HTML :
Modelo HTML 2
Criar algum estilo para a mensagem de erro será exibida se nenhuma informação foi inserido em um campo no formulário de entrada :
3
Crie uma função JavaScript que será chamada a partir do modelo quando o usuário envia o formulário HTML e validar que o usuário inseriu informações para cada campo de entrada. Referência dos elementos de formulário individuais por seus nomes e as divs para as mensagens de erro por suas identificações . Retorna true se a validação foi bem sucedida e false se não foi bem sucedida :
4
Criar o formulário de contato HTML. Atribuir os mesmos nomes para a forma e os valores de entrada que você usou na função de JavaScript e os mesmos ids para os divs de notificação de erro. Criar um botão de envio do formulário e chamar a função de validação JavaScript com o evento " onSubmit " , que permitirá que o formulário seja processado se a função retorna true , mas não vai enviar o formulário , se a função retorna false :
Por favor, preencha as informações a seguir para saber mais sobre a minha empresa :
5
Salve o arquivo HTML e abri-lo em um navegador. Teste que a forma não se submete , se qualquer um dos campos de entrada de contacto está em branco.