Когда введен определенный текст, сделайте кнопку clickable

-2

Как сделать кнопку нажатой, когда вводится определенный текст. Пример: Когда вводится «allow me», кнопка «войти сюда» должна быть включена, чтобы щелкнуть. JS или jQuery в порядке.Когда введен определенный текст, сделайте кнопку clickable

EDIT:

Вот код:

<?php 

require_once 'includes/main.php'; 


/*-------------------------------------------------- 
    Handle visits with a login token. If it is 
    valid, log the person in. 
---------------------------------------------------*/ 


if(isset($_GET['tkn'])){ 

    // Is this a valid login token? 
    $user = User::findByToken($_GET['tkn']); 

    if($user){ 

     // Yes! Login the user and redirect to the protected page. 

     $user->login(); 
     redirect('protected.php'); 
    } 

    // Invalid token. Redirect back to the login form. 
    redirect('index.php'); 
} 



/*-------------------------------------------------- 
    Handle logging out of the system. The logout 
    link in protected.php leads here. 
---------------------------------------------------*/ 


if(isset($_GET['logout'])){ 

    $user = new User(); 

    if($user->loggedIn()){ 
     $user->logout(); 
    } 

    redirect('index.php'); 
} 


/*-------------------------------------------------- 
    Don't show the login page to already 
    logged-in users. 
---------------------------------------------------*/ 


$user = new User(); 

if($user->loggedIn()){ 
    redirect('protected.php'); 
} 



/*-------------------------------------------------- 
    Handle submitting the login form via AJAX 
---------------------------------------------------*/ 


try{ 

    if(!empty($_POST) && isset($_SERVER['HTTP_X_REQUESTED_WITH'])){ 

     // Output a JSON header 

     header('Content-type: application/json'); 

     // Is the email address valid? 

     if(!isset($_POST['email']) || !filter_var($_POST['email'], FILTER_VALIDATE_EMAIL)){ 
      throw new Exception('Please enter a valid email.'); 
     } 

     // This will throw an exception if the person is above 
     // the allowed login attempt limits (see functions.php for more): 
     rate_limit($_SERVER['REMOTE_ADDR']); 

     // Record this login attempt 
     rate_limit_tick($_SERVER['REMOTE_ADDR'], $_POST['email']); 

     // Send the message to the user 

     $message = ''; 
     $email = $_POST['email']; 
     $subject = 'Your Login Link'; 

     if(!User::exists($email)){ 
      $subject = "Thank You For Registering!"; 
      $message = "Thank you for registering at our site!\n\n"; 
     } 

     // Attempt to login or register the person 
     $user = User::loginOrRegister($_POST['email']); 


     $message.= "You can login from this URL:\n"; 
     $message.= get_page_url()."?tkn=".$user->generateToken()."\n\n"; 

     $message.= "The link is going expire automatically after 10 minutes."; 

     $result = send_email($fromEmail, $_POST['email'], $subject, $message); 

     if(!$result){ 
      throw new Exception("There was an error sending your email. Please try again."); 
     } 

     die(json_encode(array(
      'message' => 'Thank you! We\'ve sent a link to your inbox. Check your spam folder as well.' 
     ))); 
    } 
} 
catch(Exception $e){ 

    die(json_encode(array(
     'error'=>1, 
     'message' => $e->getMessage() 
    ))); 
} 

/*-------------------------------------------------- 
    Output the login form 
---------------------------------------------------*/ 

?> 

<!DOCTYPE html> 
<html> 

    <head> 
     <meta charset="utf-8"/> 
     <title></title> 

     <link href="http://fonts.googleapis.com/css?family=Open+Sans:400,700" rel="stylesheet"> 

     <!-- The main CSS file --> 
     <link href="assets/css/style.css" rel="stylesheet" /> 

     <!--[if lt IE 9]> 
      <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script> 
     <![endif]--> 
    </head> 

    <body> 

     <form id="login-register" method="post" action="index.php"> 

      <h1>Login or Register</h1> 

      <input type="text" placeholder="[email protected]" name="email" autofocus /> 
      <p>Enter your email address above and we will send <br />you a login link.</p> 

      <button type="submit">Login/Register</button> 

      <span></span> 

     </form> 

     <!-- JavaScript Includes --> 
     <script src="http://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script> 
     <script src="assets/js/script.js"></script> 

    </body> 
</html>

мне нужна кнопка с Вход/Регистрация должна быть включена, если конкретный адрес электронной почты вводится.

источник

2016-09-04 MarshyM

Где находится «разрешить мне»? Что вы пытались решить Вопрос? – guest271314

в текстовом поле, и я попытался найти его на google – MarshyM

, это не бесплатный сервис написания кода - что вы пробовали? – nogad

<button> элемент disabled атрибут, <button disabled>click</button>. Приложить input прослушиватель событий к элементу, где текст вводится пользователем с использованием .addEventListener. В пределах input обработчик события проверяет, введен ли пользователем точная фраза с использованием строгого оператора равенства text === text, если условие равно true remove disabled атрибут от <button> элемент, еще установленный disabled атрибут в <button> элемент.

источник

2016-09-04 23:32:02 guest271314

до сих пор:' document.addEventListener ("input", function() { }); ' – MarshyM

@MarshyM Вы можете присоединить событие к элементу. Затем используйте 'if', например,' if (this.value === "text") {button.removeAttribute ("disabled")} else { button.setAttribute ("disabled", "disabled") } ' – guest271314

да? (извините, я только что начал js) – MarshyM

Когда введен определенный текст, сделайте кнопку clickable

ответ

Смежные вопросы