0

我正在使用 Buddy.com 的 API 来构建一个带有用于管理员和用户创建的 Web 界面的移动应用程序。我仍处于该项目的初始阶段。

我尝试构建的第一页是网站的用户注册页面。该页面将有一个表单，要求用户输入用户名、密码、电子邮件和其他一些字段。

我正在使用页面http://buddy.com/developers/#UserAccount_Profile_Create的 javascript

函数为：function 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>

我确信一旦有人向我展示了如何将用户名和电子邮件发送到 javascript 函数，我将能够弄清楚其余的。

谢谢

4

4 回答 4

2

您可以使用：

document.getElementById('username').value

在你的 javascript 函数中。提醒该值以检查您是否收到它。

于 2013-08-26T10:03:18.717 回答
2

首先创建一个收集所有表单数据的函数

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()" />
于 2013-08-26T10:56:22.320 回答
0 
var username = $("#username").val();
var email= $("#email").val();
createUserWithName(username , email);
于 2013-08-26T10:04:14.930 回答
0

有很多方法，但你可以使用 jquery 的东西

username = $("username").val();
于 2013-08-26T10:00:28.063 回答