Vérification js bootstrap

Bonjour,

j'utilise sur un formulaire avec une petite base de donnée,
j'essaye de comprendre certain fonctionnement de bootstrap et vérification du formulaire en js

j'arrive à vérifier certain élément comme le nom, email ... manquant

Code:

1
2
3
4
if(username.length==0 || password.length==0 || email.length==0){
	$('#error').html('<div class="alert alert-danger">champs vide</div>');
   	return;	
}

mais si je veux vérifier si le champs civilité est vide je reçois le message qui dit que c'est bien manquant, mais ça reste bloqué

voici le code

Code:

1
2
3
4
if('input:radio[name=civility]') {
	$('#error').html('<div class="alert alert-danger">civilité vide</div>');
	return;	  
}

J'aimerai vérifier civilité et centre d’intérêt, voici mon code de mon formulaire pour ses deux élèments
pouvez vous m’aidai?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div class="form-group">
	<label for="interest" style="display:block;"> Cilivity </label>
	<div class="form-group">
		<span class="radio-inline">
			<input type="radio"  id="mr" name="civility" value="mr">
			Mr
		</span>
		<span class="radio-inline">
			<input type="radio"  id="mr" name="civility" value="mrs">
			Mrs
		</span>
		<span class="radio-inline">
			<input type="radio"  id="mr" name="civility" value="miss">
			Miss
		</span>
	</div>
</div>
<div class="form-group">
	<label for="Intrest" style="display:block;">Interest</label>
	<div class="">
<?php 
$userData = $db->prepare("SELECT * FROM interest");
$userData->execute();
while($row = $userData->fetch(PDO::FETCH_ASSOC)){
?>
		<span style="display:block; margin-bottom:5px; margin-right:5px;">
			<input type="checkbox" style="margin-right:10px;" id="<?php echo $row['interest_name'];?>" value="<?php echo $row['interest_id'];?>" name="intrest[]"><?php echo $row['interest_name'];?>
		</span>
<?php }?>
	</div>
</div>

Merci