【问题标题】:How to create a new passwordSignupFields in accounts-base package?如何在accounts-base包中创建一个新的passwordSignupFields?
【发布时间】:2018-05-15 23:14:32
【问题描述】:

这是创建帐户时字段的默认设置。如何创建自己的 passwordSignupFields?例如,我希望用户在创建帐户时必须输入地址。

passwordSignupFields String

在用户创建表单中显示哪些字段。之一:

  • 'USERNAME_AND_EMAIL'
  • 'USERNAME_AND_OPTIONAL_EMAIL'
  • 'USERNAME_ONLY'
  • 'EMAIL_ONLY'(默认)。

(accounts-ui-unstyled/accounts_ui.js,第 27 行)

【问题讨论】:

    标签: meteor meteor-accounts


    【解决方案1】:

    您必须删除 accounts-ui 包并添加包 ian:accounts-ui-bootstrap-3。在这里,您可以使用各种字段(如单选按钮、选择下拉菜单、文本字段等)添加任意数量的字段。

    为了让您的工作更轻松,您可以在client\main.js 中复制粘贴以下代码并尝试您的方法,

    Accounts.ui.config({
        passwordSignupFields: "USERNAME_AND_EMAIL",
        forceEmailLowercase: true,
        forceUsernameLowercase: true,
        forcePasswordLowercase: true,
        extraSignupFields: [{
              fieldName: 'name',
              fieldLabel: 'Full Name',
              inputType: 'text',
              visible: true,
              validate: function(value, errorFunction) {
                if (!value) {
                  errorFunction("Please provide valid Full Name [Max - 50 Characters]");
                  return false;
                } else {
                  return true;
                }
              }
          }, {
            fieldName: 'mobile',
            fieldLabel: 'Mobile Number',
            inputType: 'text',
            visible: true,
            validate: function(value, errorFunction) {
              if (!value) {
                errorFunction("Please provide valid Mobile Number.");
                return false;
              } else {
                return true;
              }
            }
        }
        ]
    });
    

    当你在 UI 上看到时,它会是这样的,

    更多信息:

    https://github.com/ianmartorell/meteor-accounts-ui-bootstrap-3/blob/master/README.md

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-10-08
      • 1970-01-01
      • 2015-06-19
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多