I'm trying to create a form that includes an email input field and a drop-down list sourced from a database array. Initially, the submit button is disabled when the form loads.
My goal is to figure out how to activate the submit button only when the input field contains a valid email address and a selection is made from the drop-down list.
Here's my simple form:
<form name="form">
<div class="container pt-5 pb-5">
<div class="row">
<div class="col-md-8">
@* Email Address *@
<div>
<label for="email-address">Email</label>
<input type="email" class="form-control" name="emailID" ng-model="email" placeholder="Enter Email Address" />
</div>
<br />
@* Meetings *@
<div>
<label for="meeting-list">Current Available Meetings</label>
<select ng-model="selectedMeeting" ng-change="GetValue()">
<option ng-repeat="meeting in MeetingList" value="{{meeting.MeetingID}}">Meeting: {{meeting.MeetingName}}</option>
<option value="">--Select Meeting--</option>
</select>
</div>
<div>
<input type="submit" value="Submit" id="butClick" ng-click="SendMail();"/>
</div>
</div>
</div>
</div>
</form>
If anyone has sample code that achieves similar functionality to what I am looking for and is willing to share, it would be greatly appreciated.
Thank you, Erasmo