Making radio button as a required field (WITH FIX)

by ringstaff

HTML

<script src="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/twitter-bootstrap/2.1.0/css/bootstrap.min.css">
<form class="form-signin" action="firstLogin.action" method="post">
     <h2 class="form-signin-heading">Please sign in</h2>

    <div id='my_group' class="btn-group" data-toggle="buttons-radio">
       <button type="button" class="btn btn-primary" style="width: 150px" value='0'>Admin</button>
       <button type="button" class="btn btn-primary" style="width: 150px" value='1'>User</button> 
    </div>
    <div>
    <br>
    <button id='submit' class="btn btn-lg btn-primary btn-block" type="submit">Sign in</button>
</form>

CSS

input:required,
textarea:required {
  border-color: red !important;
}

JavaScript

$('#submit').click( function (e) {
    if($("#my_group .active").val() === undefined) {
        
        e.preventDefault();
        window.alert('please select an option');
    }
    
});