Categories

See More
Popular Forum

MBA (4887) B.Tech (1769) Engineering (1486) Class 12 (1030) Study Abroad (1004) Computer Science and Engineering (988) Business Management Studies (865) BBA (846) Diploma (746) CAT (651) B.Com (648) B.Sc (643) JEE Mains (618) Mechanical Engineering (574) Exam (525) India (462) Career (452) All Time Q&A (439) Mass Communication (427) BCA (417) Science (384) Computers & IT (Non-Engg) (383) Medicine & Health Sciences (381) Hotel Management (373) Civil Engineering (353) MCA (349) Tuteehub Top Questions (348) Distance (340) Colleges in India (334)
See More

How do I make sure a user selects at least one option in my semantic ui multi-select react dropdown?

General Tech Bugs & Fixes
Max. 2000 characters
Replies

usr_profile.png
Sophia Chang

User

( 7 months ago )

 

I have this Semantic UI React Multi Select Dropdown and I want to make sure that before my form can be submitted the user selects at least one option. How can I enforce this? I know how to do this is in redux-form but in this particular can I cannot use that approach.

 

<Form>
<Form.Field
  name="contentAreaSkills"
  label=""
  placeholder="Content"
  value={this.state.reviewerSearch.contentAreaSkills}
  onChange={this.handleSearchFilterChange}
  category={'contentAreaSkills'}
  control={LookupDropdown}
  fluid
  multiple
  search
  selection
/>
<Form.Button
  primary
  label="&nbsp;"
  content={'Submit'}
  onClick={() => {}}
/>
</Form>

what's your interest


forum_ban8_5d8c5fd7cf6f7.gif