Como fazer um campo obrigatório em um formulário

Ter um formulário HTML na sua página Web só é valioso se você realmente obter a informação que procura quando alguém está preenchendo o formulário. Você pode garantir que determinadas linhas no formulário são concluídas antes que o usuário é capaz de clique "Enviar" fazendo alguns campos obrigatórios. Você deve adicionar um pouco de código CSS para sua página para fazer elementos de uma forma exigida.

  • Entrar para o seu servidor Web.

  • Navegue até a página HTML em que o formulário é exibido.

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

    função isEmpty (str) {

    // Verificar se string é vazia.

    for (var intLoop = 0- intLoop lt; str.length- intLoop ++)

    E se (" " ! = Str.charAt (intLoop))

    retornar falso-

    return true;

    }

    função checkRequired (f) {

    var strError = "";

    for (var intLoop = 0- intLoop lt; f.elements.length- intLoop ++)

    se (null! = f.elements [intLoop] .getAttribute ("requeridos"))

    if (isEmpty (f.elements [intLoop] .value))

    strError + = " " + F.elements [intLoop] .name + " n"-

    E se ("" ! = StrError) {

    alerta("Faltam dados requeridos: n" StrError +);

    return false;

    } outro

    return true

    }

  • Localize o campo no HTML que você quer fazer necessário. Para este exemplo, suponha que você quer fazer "Número do Cartão de Crédito" requeridos.

  • Insira o seguinte código em torno de "Número do Cartão de Crédito":

  • Adicione a seguinte linha para a parte inferior da página HTML:

    Substituir "yourform" com o nome real do seu formulário.

  • Clique "Publicar."

De esta maneira? Compartilhar em redes sociais:

LiveInternet