Ввести значения поля формы в функцию Javascript

Question

Я использую API Buddy.com для создания мобильного приложения с веб-интерфейсом для администраторов и создания пользователей. Я все еще на начальных этапах этого проекта.

Первой страницей, которую я пытаюсь создать, является страница регистрации пользователей для веб-сайта. Эта страница будет иметь форму, запрашивающую пользователей для имени пользователя, пароля, электронной почты и некоторых других полей.

Я использую JavaScript формы страницу http://buddy.com/developers/#UserAccount_Profile_Create

Функции: функция createUserWithName(); И он имеет некоторые входы. Функция выглядит так:

function fixedEncodeURIComponent (str) { 
    return encodeURIComponent(str).replace(/[!'()*]/g, escape); 
} 
function createUserWithName(aName, anEmail) 
{ 
    var finalURLStr = "https://webservice.buddyplatform.com/Service/v1/BuddyService.ashx"; 

    finalURLStr += "?UserAccount_Profile_Create"; // API Call 
    finalURLStr += "&BuddyApplicationName=" + fixedEncodeURIComponent("<#Buddy App Name#>"); 
    finalURLStr += "&BuddyApplicationPassword=" + fixedEncodeURIComponent("<#Buddy App Password#>"); 
    finalURLStr += "&NewUserName=" + fixedEncodeURIComponent(aName);     // The user name 
    finalURLStr += "&UserSuppliedPassword=" + fixedEncodeURIComponent("<#password#>"); // User password 
    finalURLStr += "&NewUserGender=" + "male";           // "male" or "female" 
    finalURLStr += "&UserAge=" + 29;             // user age (int) 
    finalURLStr += "&NewUserEmail=" + fixedEncodeURIComponent(anEmail);     // user email 
    finalURLStr += "&StatusID=" + -1;             // see status table (1-7 or -1) 
    finalURLStr += "&FuzzLocationEnabled=" + 1;           // true/false: location isn't/is reported accurately 
    finalURLStr += "&CelebModeEnabled=" + 0;           // true if user is hidden from non-friends 
    finalURLStr += "&ApplicationTag=";             // app-related info 
    finalURLStr += "&RESERVED=";              // leave empty 

    $.ajax({ url: finalURLStr }) 
     .done(function(data) { 
      // Result is a simple string 
      alert("Result: " + data); 
     }) 
     .fail(function() { 
      alert("Error while contacting Buddy!"); 
     }); 
} 

Я создал форму, которая просит пользователя ввести эту информацию.

Как передать данные поля из моей формы в эту функцию?

Это код моей формы:

<form id="register"> 

<table width="200" border="0" cellspacing="0" cellpadding="0"> 
    <tr> 
    <td><label for="username">Username*:</label> 
     <input type="text" id="username" name="username" /> 
    </td> 
    </tr> 
    <tr> 
    <td><label for="password">Password*:</label> 
     <input type="text" id="password" name="password" /> 
    </td> 
    </tr> 
    <tr> 
    <td><label for="email">Email*:</label> 
     <input type="text" id="email" name="email" /> 
    </td> 
    </tr> 
    <tr> 
    <td><label for="gender">Gender*:</label> 
     <select id="gender"> 
      <option value="null">Please Choose One...</option> 
      <option value="Male">Male</option> 
      <option value="Female">Female</option> 
     </select> 
    </td> 
    </tr> 
</table> 
<input class="button" name="submit" type="button" value="submit" onclick="createUserWithName(username.value)" /> 
</form> 

Я уверен, что когда-то кто-то показывает мне, как отправить имя пользователя и адрес электронной почты для яваскрипта функции я смогу выяснить все остальное.

Спасибо

Answer 1

сначала создать функцию, в которой вы собираете все данные формы

function getFormData(){ 
var name=document.getElementById('username').value; 
var email=document.getElementById('email').value; 
/* some other fields */ 
/* now call ur function by passing the above values */ 
createUserWithName(name, email); 
} 

В вашей форме вызова метода getFormData()

<input class="button" name="submit" type="submit" value="submit" onclick="getFormData()" /> 

Answer 2

Есть много способов, но вы можете использовать JQuery материал

username = $("username").val(); 

Answer 3

Вы можете просто использовать:

document.getElementById('username').value

в вашем яваскрипте функции. Ознайте значение, чтобы проверить, получаете ли вы его.

Answer 4

var username = $("#username").val(); 
var email= $("#email").val(); 
createUserWithName(username , email);