Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
forçar colega a escolher um item no input type radio antes de enviar o formulario
Boa noite a todos. Direto ao ponto. Pessoal Abaixo temos um formulario.
note que os cinco campos abaixo estão em branco.
a ideia é que fiquem em branco mesmo.
Se eu clicar em enviar com o campo nome em branco, exibirá uma breve mensagem dizendo:
preencha este campo.
no select é a mesma coisa. Se eu clicar em enviar sem ter selecionado um item na lista exibirá um breve mensagem dizendo:
selecione um item da lista
Pessoal e no campo input type="radio" como eu para forçar o colega escolher um item antes de enviar o formulario.
Lembrando que o campo
manga
banana e
laranja
não pode estar marcado ou seja tem que estar em branco.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<form name="form">
<table width="217" border="0" cellpadding="5" cellspacing="5">
<tr>
<td width="61">nome</td>
<td width="144"><input type="text" nome="nome" required value="" /></td>
</tr>
<tr>
<td>curso</td>
<td>
<select name="curso" required>
<option value="" selected="selected"></option>
<option value="html">html</option>
<option value="css">css</option>
<option value="php">php</option>
</select>
</td>
</tr>
<tr>
<td colspan="2">sua fruta preferida é:</td>
</tr>
<tr>
<td>manga</td>
<td><input type="radio" name="fruta" value="manga" /></td>
</tr>
<tr>
<td>banana</td>
<td><input type="radio" name="fruta" value="banana" /></td>
</tr>
<tr>
<td height="24">laranja</td>
<td><input type="radio" name="fruta" value="laranja" /></td>
</tr>
<tr>
<td height="46"> </td>
<td><input type="submit" value="enviar" /></td>
</tr>
</table>
</form>
</body>
</html>Carregando comentários...