Tengo un formulario de casilla de verificación de selección múltiple al que agrego un JS para asegurarme de que el visitante seleccione al menos una opción

 <div class="form-group options"> <label class="control-label col-md-4" for="optiontext">Specify an option</label> <div class="col-md-6"> <input type="checkbox" name="option[]" value="option1" required/> Option 1<br> <input type="checkbox" name="option[]" value="option2" required/> Option 2<br> <input type="checkbox" name="option[]" value="option3" required/> Option 3<br> <input type="checkbox" name="option[]" value="option4" required/> Option 4<br> <input type="checkbox" name="option[]" value="option5" required/> Option 5<br> <input type="checkbox" name="option[]" value="option6" required/> Option 6<br> <input type="checkbox" name="option[]" value="option7" required/> Option 7 </div>

ese es el js

 $(function(){ var requiredCheckboxes = $('.options :checkbox[required]'); requiredCheckboxes.change(function(){ if(requiredCheckboxes.is(':checked')) { requiredCheckboxes.removeAttr('required'); } else { requiredCheckboxes.attr('required', 'required'); } });

Ahora TODO FUNCIONA bien, lo único es que el mensaje de error que aparece es Marque esta casilla si desea continuar , pero me gustaría que el mensaje fuera Seleccione al menos una opción para continuar como se ilustra en la imagen aquí.

¿Cómo lo hago?