=f.text_field:name,class: "form-control top qa-new-user-name js-block-emoji js-validate-length",:data=>{:max_length=>max_name_length,:max_length_message=>s_("SignUp|Name is too long (maximum is %{max_length} characters).")%{max_length: max_name_length}},required: true,title: _("This field is required.")
=f.text_field:name,class: "form-control top js-block-emoji js-validate-length",:data=>{:max_length=>max_name_length,:max_length_message=>s_("SignUp|Name is too long (maximum is %{max_length} characters).")%{max_length: max_name_length},:qa_selector=>'new_user_name_field'},required: true,title: _("This field is required.")
.username.form-group
=f.label:username,class: 'label-bold'
=f.text_field:username,class: "form-control middle qa-new-user-username js-block-emoji js-validate-length js-validate-username",:data=>{:max_length=>max_username_length,:max_length_message=>s_("SignUp|Username is too long (maximum is %{max_length} characters).")%{max_length: max_username_length}},pattern: Gitlab::PathRegex::NAMESPACE_FORMAT_REGEX_JS,required: true,title: _("Please create a username with only alphanumeric characters.")
=f.text_field:username,class: "form-control middle js-block-emoji js-validate-length js-validate-username",:data=>{:max_length=>max_username_length,:max_length_message=>s_("SignUp|Username is too long (maximum is %{max_length} characters).")%{max_length: max_username_length},:qa_selector=>'new_user_username_field'},pattern: Gitlab::PathRegex::NAMESPACE_FORMAT_REGEX_JS,required: true,title: _("Please create a username with only alphanumeric characters.")
%p.validation-error.gl-field-error-ignore.field-validation.hide=_('Username is already taken.')
%p.validation-success.gl-field-error-ignore.field-validation.hide=_('Username is available.')