以角度4的形式重新获得回复

时间:2017-10-25 20:33:40

标签: javascript angular typescript

我是角色新手,我想知道如何更改按钮中的属性disabled,并使用角度为4 form.component

的get-response recaptcha

我尝试了这个但没有工作:

  <div class="login-page">
  <div class="form">
  <form class="login-form">
  <input type="text" placeholder="Usuario" required/>     
  <input type="password" placeholder="Contraseña" required/>
 <div >
 <re-captcha class="g-recaptcha" (resolved)="resolved($event)" 
 siteKey="6LcOuyYTAAAAAHTjFuqhA52fmfJ_j5iFk5PsfXaU">
 </re-captcha>
  </div>
  <button id="entrarbtn" onclick="captcha;" (click)="submit()" type="submit" 
  disabled>Entrar</button>
  <p class="message">No se ha registrado? <a href="/registrar">Cree una 
  cuenta</a>
  </p>

    <script>
    var captcha = function ()
    {var response = grecaptcha.getResponse();
    if(response.length == 0)
    {return false;}    
    else
    {$("#entarbtn").prop("disable"), false;
    return true;
    }};
    </script>
  </form>
 </div>
 </div>
login.component.ts

中的

   import { Component, OnInit } from '@angular/core';
   import {Router} from "@angular/router";
   export interface FormModel {
   captcha?: string;} 
   @Component({
   selector: 'app-login',
   templateUrl: './login.component.html',
   styleUrls: ['./login.component.css']
    })
    export class LoginComponent implements OnInit {
    public submit(): void {this.router.navigate(['/pagina']);}
    constructor(private router: Router)
    { }
    ngOnInit() {}
    }

0 个答案:

没有答案