Como criar o campo obrigatório de um formulário

Ter um formulário HTML no site só é valioso se você realmente obtiver as informações que procura quando alguém estiver preenchendo o formulário. Você pode garantir que determinadas linhas do formulário sejam preenchidas antes que o usuário possa clicar em “Enviar”, preenchendo alguns campos obrigatórios. Você deve adicionar algum código CSS à sua página para tornar seus elementos obrigatórios.

Passo 1

Faça login no seu servidor web.

Etapa 2

Navegue para a página HTML onde o formulário é exibido.

Etapa 3

Insira o seguinte código CSS na parte superior da página:

function isEmpty (str) {// Verifique se a string está vazia. para (var intLoop = 0; intLoop <comprimento do str; intLoop ++) if (“”! = str.charAt (intLoop)) retorna false; return true; }

função checkRequired (f) {var strError = “”; for (var intLoop = 0; intLoop <f.elements.length; intLoop ++) if (null! = f.elements [intLoop] .getAttribute (“required”)) if (isEmpty (f.elements [intLoop] .value)) strError + = “” + f.elements [intLoop] .name + ” n”; if (“”! = strError) {alert (“Faltam dados necessários: n” + strError); retornar falso; } else return true}

Etapa 4

Localize o campo no código HTML que você deseja que seja obrigatório. Neste exemplo, suponha que você queira tornar obrigatório “Número do cartão de crédito”.

Etapa 5

Insira o seguinte código em “Número do cartão de crédito”:

Etapa 6

Adicione a seguinte linha ao final da página HTML:

Substitua “yourform” pelo nome real do seu formulário.

Etapa 7

Clique em “Publicar”.

 

Você pode estar interessado:

Deixe um comentário