Получение значения из ввода jquery

Question

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

    <form id ="form-signin" class="form-signin" action="" method=""> 
         <input type="text" id="username" class="form-control" placeholder="Username" required autofocus> 
         <input type="email" class="form-control" placeholder="Email" required autofocus> 
         <input type="password" class="form-control" placeholder="Password" required> 
         <input type="submit" id="createUser" class="btn btn-lg btn-default btn-block" value="Sign Up" /> 
        </form> 



<script type="text/javascript"> 

    Parse.initialize("u3BTp3Efoko8hbNhl5MCeli8Kd2iiEk8mE4vYgn4", "tQEGymAWeB8Tr2LA3YDGoq2Lt2xpGMW9ikeFSTtD"); 

    //get the input data 
    var username = $('#username').val(); 

    //set the user 
    var user = new Parse.User(); 

    $("form").submit(function(event) { 

     alert("Error: " + username + " "); 

     user.set("username", " " + username + " "); 
     user.set("password", "my pass"); 
     user.set("email", "email@example.com"); 

     // other fields can be set just like with Parse.Object 
     user.set("phone", "415-392-0202"); 

     user.signUp(null, { 
      success: function(user) { 
      // Hooray! Let them use the app now. 
      }, 
      error: function(user, error) { 
      // Show the error message somewhere and let the user try again. 
      alert("Error: " + error.code + " " + error.message); 
      } 
     }); 

    }); 

</script> 

Answer 1

Вы должны прочитать значение имени пользователя в обработчике представить.

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

//dom ready handler 
jQuery(function ($) { 
    Parse.initialize("u3BTp3Efoko8hbNhl5MCeli8Kd2iiEk8mE4vYgn4", "tQEGymAWeB8Tr2LA3YDGoq2Lt2xpGMW9ikeFSTtD"); 

    //set the user 
    var user = new Parse.User(); 

    $("form").submit(function (event) { 
     //get the input data 
     var username = $('#username').val();//read the user value in s 

     alert("Error: " + username + " "); 

     user.set("username", " " + username + " "); 
     user.set("password", "my pass"); 
     user.set("email", "email@example.com"); 

     // other fields can be set just like with Parse.Object 
     user.set("phone", "415-392-0202"); 

     user.signUp(null, { 
      success: function (user) { 
       // Hooray! Let them use the app now. 
      }, 
      error: function (user, error) { 
       // Show the error message somewhere and let the user try again. 
       alert("Error: " + error.code + " " + error.message); 
      } 
     }); 

    }); 
})