Empêcher l'entrer de URL dans un texte

Bonjour,

je suis tout nouveau dans ce forum et aussi dans le Javascript, donc s.v.p. soyez indulgent.

J'ai un formulaire avec un champs texte nommé description. J'aimerais empêcher l'entrer des liens URL dans celui-ci. J'ai essayé avec la méthode ci-dessous, mais j'ai quelques difficultés à trouver la bonne formule.

Si je fait l'entrer du texte "http" je reçois une alert et ça fonctionne. Si j'entre
le texte "monsiteweb.com" ça va, mais si j'entre le texte "commande" je reçois aussi une alert. Ce qui ne devrais pas.

Pouvez-vous m'aider, ou avez-vous un autre moyen?
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 32 33 34 35 36 37 if (frm.description.value == '') { alert("{/literal}{$smarty.const.LANG_JAVASCRIPT_PLEASE_ENTER} \'{$smarty.const.LANG_DESCRIPTION}{literal}\'."); frm.description.focus(); return (false); } if (frm.description.value.match("http")) { alert("{/literal}'Mon texte ici' {literal}"); frm.description.focus(); return (false); } if (frm.description.value.match("www")) { alert("{/literal}'Mon texte ici' {literal}"); frm.description.focus(); return (false); } if (frm.description.value.match('.com')) { alert("{/literal}'Mon texte ici' {literal}"); frm.description.focus(); return (false); } if (frm.description.value.match(".org")) { alert("{/literal}'Mon texte ici' {literal}"); frm.description.focus(); return (false); } if (frm.description.value.match(".net")) { alert("{/literal}'Mon texte ici' {literal}"); frm.description.focus(); return (false); } if (frm.description.value.match(".biz")) { alert("{/literal}'Mon texte ici' {literal}"); frm.description.focus(); return (false); }

l'alerte que tu recois quand tu mets le texte "commande" correspond à qu'elle alerte parmi tes tests de conditions ?

Ta façon est peut-être un peu complexe car tu dois vérifier toutes les extensions qui existent! 8O

Je n'ai pas poussé plus ma recherche car je dois partir mais si tu appelles cette fonction au onblur de ton champ:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 <script> function essai() { var recherche = /http:\/\/$/gi; var resultat = recherche.test(frm.description.value); if(resultat == true) { alert("Pas bien"); frm.description.focus(); return false; } } </script>
Tu recevras l'alert si tu entres "http://" uniquement. Donc en complétant ma saisie dans la var recherche, tu pourras gérer certaines choses. Mais... Faut faire plein de testes et je ne manipule pas bien les expressions régulières. Je ne sais pas si les expressions régulières sont envisageables pour vérifier une URL.

il serait plus simple de trouver une expression regulière d'url et de tester kle value contre cette expression

une regEx du type

Code:

(http|ftp|https):var UrlReg=new RegEx("\/\/[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?")

et un seul test

si je comprend bien, cette expression filtrera les entrées de type http, ftp, https, :, //, ?, ., @,#

Comme mes connaissances sont assez limitées, comment pourrais-je intégrer cette expression dans le code?

Code:

1
2
3
4
5
6
7
8
9
10
<script type='text/javascript'>
function verif(){
var regUrl=/^((http|ftp|https):\/\/)?[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?$/
var ok=document.getElementById('nourl').value.match(regUrl)?false:true;
alert(ok?"la saise est correcte":"tsss tsss pas d'url")
}
</script>
<body>
<input id="nourl" type='texte' onblur="verif()" />
</body>

Merci SpaceFrog pour le code, il fonctionne bien si je l'utilise sur un nouveau fichier html. Mais mon fichier est une template et je n'arrive pas à intégrer ton code. j'ai essayé de changé le 'nourl" pour 'description' mais sans résultat. J'essaie de l'intégrer dans cette partit de code.

Code:

1
2
3
4
5
6
7
				{if $checkoutDisDesc=="Y"}
				<tr>
					<td class="formleft" bgcolor="#DFEBFF">{$smarty.const.LANG_DESCRIPTION}{$smarty.const.LANG_COLON}{if $checkoutRequireDesc==Y}{$smarty.const.LANG_STAR} {/if}</td>
					<td class="formright"><textarea name="description" id="description" cols="35" rows="4" onKeyDown="textCounter(this.form.description,this.form.remLentext,{$cCharacters});" onKeyUp="textCounter(this.form.description,this.form.remLentext,{$cCharacters});">{$description|escape}</textarea><br /><span class="characters">{$smarty.const.LANG_CHARACTERS_REMAINING}: <span id="cCharLeft"></span>/{$cCharacters}</span></td>
 
				</tr>
				{/if}

Voici le code du template complet:

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
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
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
<!-- Step 3 of Checkout -->
 
<script language="JavaScript" type="text/javascript">
<!--
{literal}
function checkform(frm) {
	if (frm.title.value == '') {
			alert("{/literal}{$smarty.const.LANG_JAVASCRIPT_PLEASE_ENTER} \'{$smarty.const.LANG_TITLE}{literal}\'.");
			frm.title.focus();
			return (false);
	}
{/literal}
{if $checkoutRequirePrice=="Y" && $checkoutDisPrice=="Y"}
{literal}
	if (frm.price.value == '') {
			alert("{/literal}{$smarty.const.LANG_JAVASCRIPT_PLEASE_ENTER} \'{$smarty.const.LANG_PRICE}{literal}\'.");
			frm.price.focus();
			return (false);
	}
{/literal}
{/if}
{if $checkoutRequireShortDesc=="Y" && $checkoutDisShortDesc=="Y"}
{literal}
	if (frm.shortdescription.value == '') {
			alert("{/literal}{$smarty.const.LANG_JAVASCRIPT_PLEASE_ENTER} \'{$smarty.const.LANG_SHORT_DESCRIPTION}{literal}\'.");
			frm.description.focus();
			return (false);
	}
{/literal}
{/if}
{if $checkoutRequireDesc=="Y" && $checkoutDisDesc=="Y"}
{literal}
	if (frm.description.value == '') {
			alert("{/literal}{$smarty.const.LANG_JAVASCRIPT_PLEASE_ENTER} \'{$smarty.const.LANG_DESCRIPTION}{literal}\'.");
			frm.description.focus();
			return (false);
	}
{/literal}
{/if}
{literal}
function verif(){
var regUrl=/^((http|ftp|https):\/\/)?[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&amp;:/~\+#]*[\w\-\@?^=%&amp;/~\+#])?$/
var ok=document.getElementById('nourl').value.match(regUrl)?false:true;
alert(ok?"{/literal}la saise est correcte":"tsss tsss pas d'url {literal}")
}
{/literal}
{literal}
 
	{$extra_listing_fields_validation}
 
{literal}
}
function textTitleCounter(field, countfield, maxlimit) {
	if (field.value.length > maxlimit)
	{
		field.value = field.value.substring(0, maxlimit);		
	}
	else
	{
		document.getElementById('cCharTitleLeft').innerHTML = field.value.length;
	}
}
function textShortDescCounter(field, countfield, maxlimit) {
	if (field.value.length > maxlimit)
		{field.value = field.value.substring(0, maxlimit);}
	else
	{
		document.getElementById('cCharShortDescLeft').innerHTML = field.value.length;
	}
}
function textCounter(field, countfield, maxlimit) {
  if (field.value.length > maxlimit)
      {field.value = field.value.substring(0, maxlimit);}
      else
      {//countfield.value = maxlimit - field.value.length;
	   document.getElementById('cCharLeft').innerHTML = field.value.length;
	   }
}
{/literal}
//-->
</script>
<script type="text/javascript" src="includes/classes/cpaint/cpaint2.inc.compressed.js"></script>
<script language="javaScript" type="text/JavaScript">
<!--
{literal}
	var cp = new cpaint();
	cp.set_transfer_mode('get');
	cp.set_response_type('text');
	cp.set_persistent_connection(false);
	cp.set_async(true);
	cp.set_proxy_url('');
	cp.set_debug(false);
 
		function displayNewSec(opt){
			document.getElementById('optResponse').innerHTML ="";
			var QSTRING = opt.options[opt.selectedIndex].value;
			cp.call('{/literal}{$smarty.const.URL}{literal}/ajax.php', 'extra_checkout_fields', optResponse, QSTRING);
			return false;
		}
		function optResponse(result) {
			document.getElementById('optResponse').innerHTML ="";
			document.getElementById('optResponse').innerHTML += result;
		}
 
		function deleteUpload(fID) {
			removemsg = "{/literal}{$smarty.const.LANG_JS_DELETE_CONFIRM}\n{$smarty.const.LANG_JS_NOT_UNDONE}{literal}";
			if (confirm(removemsg)) {
				pID={/literal}{$id}{literal};
				cp.call('{/literal}{$smarty.const.URL}{literal}/ajax.php', 'deleteUpload', deleteResponse, pID, fID);
			}
		}
		function deleteResponse(result) {
			document.getElementById('deleteResponse').innerHTML ="";
		}
 
{/literal}
//-->
</script>
<script language='javascript' type="text/JavaScript" src='javascript/upload.js'></script>
{if $errorText}
<div class="error">{$errorText}</div>
{/if}
{modulehook function="tpl_usermodifylisting" options="$id"}
<form action="usermodifylisting.php" method="post" id="addlisting" name="addlisting" onSubmit="return checkform(this)" enctype="multipart/form-data">
<table class="panneau_central_view">
	<tr>
		<th colspan="2"><strong>{$smarty.const.LANG_ADD_LISTING_DETAILS}</strong></th>
	</tr>
	<tr>
		<td>
			<table width="100%" cellpadding="3" cellspacing="3">
				<tr>
					<td colspan="2">
							{* This the image display portion *}
							{if $data<>""}
							{html_table_adv loop=$data cols=4 table_attr='width="100%" align="center"'}
							<img src="thumbs/small_[[image]]" hspace="3" vspace="5" class="image" alt="[[title]]" />
							{/html_table_adv}
							{else}
							<img src="images/nophoto.gif" width="100" hspace="3" vspace="5" border="1" alt="No Photo" />
							{/if}
							{* This ends the image display portion *}
					</td>
				</tr>
				{if $allowimages=="Y"}
				<tr>
                   <td colspan="2">
					<div align="center"><strong><a href="useraddimages.php?lid={$id}" >{$smarty.const.LANG_MODIFY_IMAGES}</a></strong></div>
					</td>
					<tr>
                    <td bgcolor="#DFEBFF" colspan="2">* required fields</td>
                    </tr>
                </tr>
				{/if}
				<tr>
					<td class="formleft" width="50%" bgcolor="#DFEBFF"> {$smarty.const.LANG_TITLE}{$smarty.const.LANG_COLON}{$smarty.const.LANG_STAR}</td>
					<td class="formright" width="50%"><input name="title" type="text" value="{$title|escape}" size="{$smarty.const.FIELD_SIZE}" onKeyDown="textTitleCounter(this.form.title,this.form.remLentext,{$cTitleCharacters});" onKeyUp="textTitleCounter(this.form.title,this.form.remLentext,{$cTitleCharacters});" /><br /><span class="characters">{$smarty.const.LANG_CHARACTERS_REMAINING}: <span id="cCharTitleLeft" class="characters"></span>/{$cTitleCharacters}</span></td>
				</tr>
				{if $checkoutDisPrice=="Y"}
				<tr>
					<td class="formleft" bgcolor="#DFEBFF">{$smarty.const.LANG_PRICE}{$smarty.const.LANG_COLON}{if $checkoutRequirePrice==Y}{$smarty.const.LANG_STAR} {/if}<span style="font-weight:normal;">&nbsp;&nbsp;&nbsp;&nbsp;(US dollar)</span></td>
					<td class="formright">{$currency_symbol}<input name="price" value="{$price}" type="text" size="{$smarty.const.FIELD_SIZE}" /></td>
				</tr>
				{/if}
				{if $checkoutDisURL=="Y"}
				<tr>
					<td class="formleft" bgcolor="#DFEBFF">{$smarty.const.LANG_EXT_URL}{$smarty.const.LANG_COLON}</td>
					<td class="formright"><input name="url" type="text" value="{$url}" size="{$smarty.const.FIELD_SIZE}" /></td>
				</tr>
				{/if}
				{if $checkoutDisShortDesc=="Y"}
				<tr>
					<td class="formleft" bgcolor="#DFEBFF">{$smarty.const.LANG_SHORT_DESCRIPTION}{$smarty.const.LANG_COLON}{if $checkoutRequireShortDesc==Y}{$smarty.const.LANG_STAR}{/if}</td>
					<td class="formright"><textarea name="shortDescription" id="shortDescription" cols="35" rows="4" onKeyDown="textShortDescCounter(this.form.shortDescription,this.form.remLentext,{$cShortDescCharacters});" onKeyUp="textShortDescCounter(this.form.shortDescription,this.form.remLentext,{$cShortDescCharacters});">{$shortDescription|escape}</textarea><br /><span class="characters">{$smarty.const.LANG_CHARACTERS_REMAINING}: <span id="cCharShortDescLeft"></span>/{$cShortDescCharacters}</span></td>
				</tr>
				{/if}
				{if $checkoutDisDesc=="Y"}
				<tr>
					<td class="formleft" bgcolor="#DFEBFF">{$smarty.const.LANG_DESCRIPTION}{$smarty.const.LANG_COLON}{if $checkoutRequireDesc==Y}{$smarty.const.LANG_STAR} {/if}</td>
					<td class="formright"><textarea name="description" id="description" cols="35" rows="4" onKeyDown="textCounter(this.form.description,this.form.remLentext,{$cCharacters});" onKeyUp="textCounter(this.form.description,this.form.remLentext,{$cCharacters});">{$description|escape}</textarea><br /><span class="characters">{$smarty.const.LANG_CHARACTERS_REMAINING}: <span id="cCharLeft"></span>/{$cCharacters}</span></td>
 
				</tr>
				{/if}
				{$extra_listing_fields}
			</table>
			<script type="text/javascript">
			textTitleCounter(document.addlisting.title,document.addlisting.remLentext,{$cTitleCharacters});
			textShortDescCounter(document.addlisting.shortDescription,document.addlisting.remLentext,{$cShortDescCharacters});
			textCounter(document.addlisting.description,document.addlisting.remLentext,{$cCharacters});
			</script>
		</td>
	</tr>
</table>
<br />
 
<div align="center"><input type="submit" name="Submit" class="submit" value="{$smarty.const.LANG_SUBMIT}"  /></div>
<input type="hidden" name="id" value="{$id}"  />
<input type="hidden" name="display" value="{$display}" />
<input name="act" type="hidden" value="modify" />
</form>

J'ai changé cette ligne:

Code:

var ok=document.getElementById('nourl').value.match(regUrl)?false:true;

Par celle-ci mais sans résultat:

Code:

var ok=frm.description.value.match(regUrl)?false:true;

Lorsque tu déclares ton textarea "description", tu n'appelles pas la fonction verif(). Rajoute l'appelle sur le onblur:
Code:

1 2 <input type="textarea" name="description" id="description" onblur="verif()" />

En manipulant votre code, j'ai finalement trouver la bonne méthode.

Mais comment faire pour vérifier le texte en entier.

Votre code vérifie seulement le début d'un texte mais si j'entre dans le texte "voici mon lien monsite.com" je reçois l'alerte "la saise est correcte" ce qui est faux.

Auriez-vous une autre solution?

Code:

var regUrl=/((http|ftp|https):\/\/)?[\w\-_]+(\.[\w\-_]+)+([\w\-\.,@?^=%&:/~\+#]*[\w\-\@?^=%&/~\+#])?/g