流星:使用meteor-accounts-ui-bootstrap-3有条件地显示额外的注册字段

时间:2015-06-01 06:55:06

标签: meteor meteor-accounts

我正在使用meteor-accounts-ui-bootstrap-3 来创建注册表单。在我的注册表单中,我有两个选项医生顾问。如果在注册过程中用户选择医生我想根据该选择显示更多字段(必填字段),如果用户选择顾问,那么这些字段应保持隐藏状态。以下是我的注册表格代码:

Accounts.ui.config({
requestPermissions: {},
extraSignupFields: [{
    fieldName: 'phone',
    fieldLabel: 'Phone Number',
    inputType: 'text',
    visible: true,
    validate: function(value, errorFunction) {
      if (!value) {
        errorFunction("Please write your Phone Number");
        return false;
      } else {
        return true;
      }
    }
},
{
    fieldName: 'type',
    showFieldLabel: false,
    fieldLabel: 'User Type',
    inputType: 'radio',
    radioLayout: 'vertical', 
    data: [{                    
        id: 1,                  
        label: 'Doctor',          
        value: 'doctor'              
      }, {
        id: 2,
        label: 'Advisor',
        value: 'advisor',
    }],
    validate: function(value, errorFunction){
      if (!value) {
        errorFunction("Please select user type.");
        return false;
      } else {
        return true;
      }
    },
    visible: true
}, {
    fieldName: 'terms',
    fieldLabel: 'I accept the terms and conditions',
    inputType: 'checkbox',
    visible: true,
    validate: function(value, errorFunction){
      if (value != 'true') {
        errorFunction("You must accept the terms and conditions.");
        return false;
      } else {
        return true;
      }
    },
    saveToProfile: false
}]

});

如果用户选择“Doctor”,如何显示更多字段?我应该如何在上面的代码中添加条件?例如,如果无线电类型字段值是医生,我想显示更多字段,如邮政编码和出生日期。

任何帮助都会受到高度赞赏,因为我正在学习流星。

0 个答案:

没有答案