Boas pessoal, eu queria fazer um formulário em que num input é obrigatório meter um link da Steam. Como faço? Obrigado.
-
Meter, que contexto hahaha. Já tentou usar pattern do HMTL5? Qual o tipo de link que você quer validar da steam? Existem vários. Exemplo: O link do perfil do usuário?– Damon DudekCommented 21/08/2017 às 19:09
-
Já usei pattern, link do perfil– Jorge FerreiraCommented 21/08/2017 às 19:31
-
Porque você não pede apenas o id do usuário e você mesmo monta o link, visto que é um link padrão? Ficaria bem mais prático do que deixar essa dependência na mão de quem for se cadastrar nesse formulário.– Damon DudekCommented 21/08/2017 às 19:47
-
Como assim? como monto o link?– Jorge FerreiraCommented 21/08/2017 às 19:51
-
Cada pessoa tem um link Steam especifico– Jorge FerreiraCommented 21/08/2017 às 19:52
2 Respostas
Pela tag jquery-validation-engine presumo que esteja usando o plguin jquery jquery.validationEngine.js
, se for isso mesmo então primeiro baixe os arquivos em https://github.com/posabsolute/jQuery-Validation-Engine (se necessário).
Se o campo for obrigatório:
class="validate[required,custom[url]] text-input"
Se o campo for opcional:
class="validate[custom[url]] text-input"
O uso deve ser algo como:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="../css/validationEngine.jquery.css" type="text/css"/>
<script src="../js/jquery-1.8.2.min.js" type="text/javascript"></script>
<script src="../js/languages/jquery.validationEngine-pt-br.js" type="text/javascript"></script>
<script src="../js/jquery.validationEngine.js" type="text/javascript"></script>
<script>
jQuery(document).ready(function(){
jQuery("#meuFormulario").validationEngine();
});
</script>
</head>
<body>
<form id="meuFormulario" class="formular" method="post">
<label>
<span>Field is optional : </span>
<input value="" class="validate[custom[url]] text-input" type="text" name="optional" id="optional" />
</label>
<button>Enviar</button>
</form>
</body>
</html>
Agora se quer checar de fato se o link é da Steam, você pode criar o seu proprio validador, por exemplo no HTML faça algo como:
<input value="" class="validate[required,funcCall[checarLinkSteam]] text-input" type="text" id="linksteam" name="linksteam" />
Se o link for de um profile pode validar com regex assim (neste exemplo aceita o id
e a url com profile
):
/^http://steamcommunity\.com/(id|profile)/([^/]+)$/.test(...)
Se for um link qualquer da steam pode validar assim:
/^http://steamcommunity\.com/([^/]+)$/.test(...)
No script adicione:
<script>
jQuery(document).ready(function(){
jQuery("#meuFormulario").validationEngine();
});
function checarLinkSteam(field, rules, i, options){
//Valida se é um profile (o ! na frente é para negação, basico uso de IFs)
if (!/^http://steamcommunity\.com/(id|profile)/([^/]+)$/.test(field.val())) {
return options.allrules.validate2fields.alertText;
}
}
</script>
</head>
Baseado nos exemplos: https://github.com/posabsolute/jQuery-Validation-Engine/blob/master/demos/demoValidators.html
Especificamente o campo ser um link da steam não existe nada pronto que eu saiba, porém de começo você pode utilizar o , para verificar especificamente se o usuário esta inputando um link , você pode posteriormente fazer um verificação da string digitada utilizando alguma função javascript, segue algumas soluções. Como posso checar se uma string contém outra em Javascript?
-
O campo obrigatoriamente tem que ser o link assim: steamcommunity.com/id/NeroParty ou assim steamcommunity.com/profile/417421894982 Commented 21/08/2017 às 19:38