将表单字段值提交到Javascript函数

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

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

我正在使用页面的javascript表单

函数为：函数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!");
       });
}

函数fixedCodeUriComponent（str）{
返回encodeURIComponent（str）.replace（/[！'（）*]/g，escape）；
}
函数createUserWithName（aName，电子邮件）
{
var finalURLStr=”https://webservice.buddyplatform.com/Service/v1/BuddyService.ashx";
finalURLStr+=“？用户帐户\u配置文件\u创建”；//API调用
FinalUrsTR+=“&BuddyApplicationName=“+FixedCodeUriComponent（”）；
FinalUrsTR+=“&BuddyApplicationPassword=“+FixedCodeUriComponent（”）；
FinalUrsTR+=“&NewUserName=“+FixedCodeUriComponent（aName）；//用户名
FinalUrsTR+=“&UserSuppliedPassword=“+FixedCodeUriComponent（“”；//用户密码
finalURLStr+=“&NewUserGender=”+“男性”/“男性”或“女性”
finalURLStr+=“&UserAge=“+29；//用户年龄（int）
FinalUrsTR+=“&NewUserEmail=“+FixedCodeUriComponent（anEmail）；//用户电子邮件
finalURLStr+=“&StatusID=“+-1；//请参阅状态表（1-7或-1）
finalURLStr+=”&FuzzLocationEnabled=“+1；//真/假：位置未准确报告
finalURLStr+=“&CelebModelEnabled=“+0；//如果用户对非好友隐藏，则为true
finalURLStr+=“&ApplicationTag=“；//应用程序相关信息
finalURLStr+=“&RESERVED=“；//保留为空
$.ajax（{url:finalURLStr}）
.完成（功能（数据）{
//结果是一个简单的字符串
警报（“结果：+数据”）；
})
.fail（函数（）{
警报（“联系好友时出错！”）；
});
}

我创建了一个表单，要求用户输入这些信息

如何将表单中的字段数据传递到此函数

这是我表格的代码：

<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函数，我将能够找出其余的

---

谢谢

有很多方法，但是您可以使用jquery

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

---

有很多方法，但是您可以使用jquery

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

您只需使用：

document.getElementById（'username'）.value

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

您可以使用：

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

document.getElementById（'username'）.value

---

在javascript函数中。警告该值以检查您是否得到它。

首先创建一个函数，用于收集所有表单数据

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

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()" />

---

首先创建一个函数，用于收集所有表单数据

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()" />

html页面中是否包含javascript？是的，我已将其作为html页面的一部分。请检查我的答案。应该可以。html页面中是否包含javascript？是的，我已经将其作为html页面的一部分。检查我的答案。这应该行。我尝试了这个，我得到了一个TypeError错误，在第行：var name=document.getElementById（'username'）.value（）；抱歉，请删除值函数的（）。。只需document.getElementById（“用户名”）.value；是的，它修好了。谢谢，这真的很有帮助。有没有更好的（安全的）输入密码的方法？我注意到您为密码编写了type=“text”，它显示了您输入的字符。。将其更改为“password”我尝试了此操作，但在第行得到一个TypeError错误：var name=document.getElementById（'username'）.value（）；抱歉，请删除值函数的（）。。只需document.getElementById（“用户名”）.value；是的，它修好了。谢谢，这真的很有帮助。有没有更好的（安全的）输入密码的方法？我注意到您为密码编写了type=“text”，它显示了您输入的字符。。把它改成“密码”哦！对不起，我完全忘了包括jquery库！所以这个现在起作用了：）的确如此，但是Girish的回答更全面、更详细，这就是我选择这个的原因。谢谢你的回复：）哎呀！对不起，我完全忘了包括jquery库！所以这个现在起作用了：）的确如此，但是Girish的回答更全面、更详细，这就是我选择这个的原因。感谢您的回复：）