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

塔努吉

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

我要构建的第一页是该网站的“用户注册”页面。该页面将具有一个表格,要求用户输入用户名,密码,电子邮件和其他一些字段。

我正在使用JavaScript表单页面http://buddy.com/developers/#UserAccount_Profile_Create

该函数是: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函数,我就能弄清其余的信息。

谢谢

吉里斯·蒂莫格沃达(Girish Thimmegowda)

首先创建一个函数,您可以在其中收集所有表单数据

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

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何提交禁用表单字段的值?

来自分类Dev

如何提交禁用表单字段的值?

来自分类Dev

使用JavaScript将值设置为表单字段

来自分类Dev

提交表单字段重叠

来自分类Dev

提交后Django表单字段未设置值

来自分类Dev

解聚 | 从提交的值中排除空表单字段

来自分类Dev

在表单提交上启用表单字段

来自分类Dev

提交表单后重置表单字段

来自分类Dev

使用javascript以纯HTML格式将表单字段值传送到下一页

来自分类Dev

将JavaScript结果日期插入HTML表单字段-“未定义”值?

来自分类Dev

Javascript-onselect复选框将值复制到表单字段

来自分类Dev

将数据提交给Flask,无需表单

来自分类Dev

将表单字段值传递到新的(动态)页面

来自分类Dev

CodeIgniter将表单字段值转换为小写

来自分类Dev

使用jQuery将JSON值返回到表单字段

来自分类Dev

CodeIgniter将表单字段值转换为小写

来自分类Dev

将表单字段值传递到新的(动态)页面

来自分类Dev

如何将表单名称作为对象提交给php函数

来自分类Dev

防止提交HTML表单字段

来自分类Dev

提交后的django清除表单字段

来自分类Dev

提交后更改表单字段的数据

来自分类Dev

提交后专注于表单字段

来自分类Dev

提交后反应清除表单字段

来自分类Dev

提交后阅读表单字段类型?

来自分类Dev

成功提交后清除表单字段

来自分类Dev

jQuery提交其他表单字段

来自分类Dev

提交时删除某些表单字段

来自分类Dev

成功提交后重置表单字段

来自分类Dev

Javascript动态表单字段