ReCaptcha – google – contributte/reCAPTCHA
- lukyn_94
- Člen | 12
Dobrý den , chtěl bych vás pánové poprosit zkouším rozjet https://github.com/…te/reCAPTCHA a mám problém z vypsání chybi při odeslání form .
<div n:name=„recaptcha“></div>
<div class=„error text-danger“ n:ifcontent>{inputError
recaptcha}</div>
Je mi jasný proč to nejde inputError a mam div ale šlo by to i na div ?
- Kdyz zadam nick a pw a prihlaseni a nezaskrtnu captcha tak se vypise chyba ale me jde o to aby se to validovalo kdyz jsou prazdy vsechny pole resil to nekdo uz ?
Budu rad za kazdou radu nebo tak uz i HATE :) Preji hezky den LuKyN94
- Phalanx
- Člen | 310
Ahoj, jestli myslíš javascriptovou validaci (tj. ještě před odesláním formuláře na stranu backendu), tak si vlož do stránky netteForms.js
https://github.com/…etteForms.js
Verzi podle nette, které využíváš (2.4, 2.3, … – překlikni si kdyžtak na githubu branch)
- Phalanx
- Člen | 310
@lukyn_94 Popiš co chceš tady na fóru nebo můžeš zkusit
Slack – https://pehapkari.slack.com
Nemám zájem o žádné videokonference o které se snažíš.
Ukaž kód, popiš přesně co má dělat a někdo ti odpoví. Z toho co píšeš nahoře není jasné vůbec nic.
- lukyn_94
- Člen | 12
Zde přikládám demo video o co mi jde : https://drive.google.com/…9FGIvgn/view
Presenter :
protected function createComponentLoginForm()
{
$form = new UI\Form;
$form->addText('username', 'Jméno:')
->setRequired('Zadejte prosím jméno');
$form->addPassword('password', 'Heslo:')
->setRequired('Zadejte prosím heslo');
$form->addReCaptcha('recaptcha', $label = 'recaptcha', $required = FALSE)
->setRequired('Are you bot?');
$form->addSubmit('login', 'Přihlásit');
$form->addCheckbox('remember', ' Pamatovat si mě na tomto počítači');
$form->onSuccess[] = [$this, 'loginFormSucceeded'];
$form->addProtection('Vypršel ochranný časový limit, odešlete prosím formulář ještě jednou');
return $for</pre>m;
}
Latte :
<form n:name=loginForm class=form>
<div class="form-group row">
<label for="username" class="col-sm-2 col-form-label">Nick :</label>
<div class="col-sm-3">
<input type="text" class="form-control" id="username" placeholder="Nick" n:name=username>
<div class="error text-danger" n:ifcontent>{inputError username}</div>
</div>
</div>
<div class="form-group row">
<label for="password" class="col-sm-2 col-form-label">Heslo :</label>
<div class="col-sm-3">
<input type="password" class="form-control" id="password" placeholder="****" n:name=password>
<div class="error text-danger" n:ifcontent>{inputError password}</div>
</div>
</div>
<div class="form-group row">
<label for="recaptcha" class="col-sm-2 col-form-label">Re-captcha :</label>
<div class="col-sm-3">
<div id="recaptcha1" n:name="recaptcha"></div>
<div class="error text-danger" n:ifcontent>{inputError recaptcha}</div>
</div>
</div>
<div class="form-group row">
<label for="" class="col-sm-2 col-form-label">
<div class="form-check">
<label class="form-check-label">
<input type="checkbox" n:name=remember class="form-check-input"> Pamatovat si mě na tomto počítači
</label>
</div>
</label>
<div class="col-sm-3">
<input n:name=login class="btn btn-outline-success">
</div>
</div>
</form>
Layout.latte :
<script src="https://www.google.com/recaptcha/api.js?onload=myCallBack&render=explicit" async defer></script>
</body>
</html>
Desktop & Phone :
Nevím proč mi to nevaliduje rovnou z jménem i heslem ale až když zadám
jméno a heslo viz. VIDEO DEMO
Phone :
A na telefonu potvrdím Recaptcha a loaduje furt loader spinner a nevyskočí
ty obrázky .
Děkuji za každou reakci snažil jsem se to popsat co to šlo .
Editoval lukyn_94 (25. 11. 2018 21:00)