Na seção CSS y JS personalizado foi explicado que é possível programar o formulário com nosso próprio código.
É altamente útil poder incluir funções avançadas que nos ajudem a controlar ou aproveitar muito mais o formulário da Landing que estamos criando. Por isso, aqui nós iremos mostrar alguns exemplos que servirão a você para isso.
Como fazer referência a um campo do formulário?
Simplesmente, em uma variável que você incluir o código javascript, utilize esta codificación, colocando em name='
Por exemplo, se vamos a operar ou facer um determinado controle sobre o campo password:
password = $("input[id='
ó
password = $(“#Password”);
Validação de um campo e alerta
Na landing podemos validar qualquer campo do formulário e colocar um aviso em caso de que a validação não seja satisfatória. Por exemplo:
function lpgValidateExtra(){
var errors = [];
password = $("input[id='Password']");
if (password.val().length < 8) {
password.css("border-color","red");
errors.push("El password debe tener al menos 8 caracteres ");
} else {
password.css("border-color","");
}
if (errors.length != 0){
return errors;
}
return true;
}
Incluir um pixel dependendo do valor que tenha introduzido em um campo do formulário
Na página de confirmação, queremos incluir um pixel que depende de um valor introduzido ou selecionado na página principal do formulário. Primeiro: para fazer referência a esse valor, temos que colocar o nome do campo entre chaves. Mais tarde, iremos trabalhar com esse valor realizando a ação que desejamos, nesse caso, adicionar o pixel.
var my_cat = '{{ my_category }}';
if (my_cat === 'M') {
var pixel
var img = $('<img />', {src : pixel});
img.appendTo('body')
}
Redirecionamento automático para outra página
Algumas vezes se deseja mostrar outra página, uma vez mostrada a página de confirmação/agradecimento durante um pequeno espaço de tempo. Para fazer, pode adicionar o seguinte javascript na página de confirmação.
Comentários