Bonjour à tous !

Je suis débutant.

Voici en pièce jointe un court code HTML pour une page totalement perso (elle ne fera partie d'aucun site web) et dont on a là seulement un court exemple car une fois les problèmes résolus je souhaite l'étendre à d'autres moteurs de recherche (ça, j'ai déjà compris comment je peux le faire).

Ce que j'aimerais pour le moment, et c'est pour cela que je vous demande votre aide, c'est que dans cette "form" je puisse apporter deux contraintes :

  1. Interdire la validation par la touche Entrée
  2. Interdire la validation tant que le champ texte est vide.


Mais je ne vois pas comment je peux faire, avec ou sans javascript. Je suis débutant (je fais ça pour le fun, je suis à la retraite)... et j'apprends.

Merci à vous !
Jacques

Voici la pièce jointe:
Test.html
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
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
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 
<head>
<meta http-equiv="content-Type" content="text/html; charset=utf-8">
<title>Recherche dans de nombreux sites</title>
<meta name="robots" content="noindex">
<meta http-equiv="Cache-control" content="no-cache, no-store, must-revalidate">
<meta http-equiv="Pragma" content="no-cache">
<meta http-equiv="Expires" content="-1">
 
<!--
<base target="_blank">
// -->
 
<script type="text/javascript">
<!--
function donner_focus(chp)
{
document.getElementById(chp).focus();
}
 
// -->
</script>
 
</head>
 
<body bgcolor="white" onload="document.getElementById('s').focus()">
 
<font size=1>
<form>
	<table width="100%" cellpadding="0" cellspacing="0" align="center" border="1">
		<tr valign="top">
			<td align="center">
				<input type="text" id="s" name="s" style="text-align:center;" size=90% maxlength="255">
			</td>
		</tr>
	</table>
	<br>
	<table width="100%" cellpadding="0" cellspacing="0" align="center" border="1">
		<tr valign="top">
			<td align="center">
				<div>
					<a href="http://www.google.fr/advanced_search"><img src="https://www.google.com/images/branding/googlelogo/2x/googlelogo_color_120x44dp.png" alt="Google" border="0"></a><br>
					<input type="button" id="Google_texte" style="width: 110px" value="Texte" onClick="javascript:window.open('http://www.google.fr/search?q='+s.value,'_blank');">
					<input type="button" id="Google_pdf" style="width: 110px" value="PDF" onClick="javascript:window.open('http://www.google.fr/search?q='+s.value+'+filetype:pdf','_blank');">
					&nbsp;
					&nbsp;
					&nbsp;
					<input type="button" id="Google_Images" style="width: 110px" value="Images" onClick="javascript:window.open('https://google.com/search?tbm=isch&q='+s.value,'_blank');">
					<input type="button" id="Google_Grandes_images" style="width: 110px" value="Grandes images" onClick="javascript:window.open('https://www.google.com/search?tbm=isch&tbs=isz:l&q='+s.value,'_blank');">
					<input type="button" id="Google_Images_animees" style="width: 110px" value="Images animées" onClick="javascript:window.open('https://www.google.com/search?tbm=isch&tbs=itp:animated&q='+s.value,'_blank');">
					&nbsp;
					&nbsp;
					&nbsp;
					<input type="button" id="Google_Actus" style="width: 110px" value="Actualités" onClick="javascript:window.open('https://www.google.fr/search?tbm=nws&q='+s.value,'_blank');">
					&nbsp;
					&nbsp;
					&nbsp;
					<input type="button" id="Google_Maps" style="width: 110px" value="Maps" onClick="javascript:window.open('https://maps.google.com/?q='+s.value,'_blank');">
				</div>
			</td>
		</tr>
	</table>
	<br>
	<table width="100%" cellpadding="0" cellspacing="0" align="center" border="1">
		<tr valign="top">
			<td align="center">
				<div>
					<a><img src="https://www.ssbwiki.com/images/thumb/2/24/YouTube_Logo.png/180px-YouTube_Logo.png" alt="Youtube" border="0"></a><br><br>
					<select name="sp">
						<option value="">Tout</option>
						<option value="AhAD">Playlists</option>
						<option value="AhAC">Chaînes</option>
						<option value="AhAB" selected>Toutes vidéos</option>
						<option value="AhgB">Toutes vidéos de moins de 4 mn</option>
						<option value="AhgC">Toutes vidéos de plus de 20 mn</option>
						<option value="AiAB">Toutes vidéos en HD</option>
						<option value="BBgBIAFC">Vidéos de moins de 4 mn en HD</option>
						<option value="BBgCIAFC">Vidéos de plus de 20 mn en HD</option>
					</select><br>
					<div class="" id="">
						<input type="radio" id="Vues" name="Tri" value="&sp=CAMS" checked><label for="Vues">Par nombre de vues</label>
						<input type="radio" id="Avis" name="Tri" value="&sp=CAES"><label for="Avis">Par avis</label>
						<input type="radio" id="Date" name="Tri" value="&sp=CAIS"><label for="Date">Par date de mise en ligne (uniquement vidéos)</label>
					</div><br>
					<input type="button" id="Hop" value="Hop !" onClick="javascript:window.open('https://www.youtube.com/results?search_query='+s.value+Tri.value+sp.value,'_blank');">
					<!--
					-->
				</div>
			</td>
		</tr>
	</table>
</form>
</font>
 
<p align="center"><FONT size="4"><b>Dernière mise à jour: 28/06/2018</b></FONT></p>
 
</body>
</html>