Empêcher l'entrer de URL dans un texte

**heldev** · 07/01/2009, 16h16

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 :

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
 
	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);
	}

**DevServlet** · 07/01/2009, 16h28

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

**vermine** · 07/01/2009, 17h00

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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.

**SpaceFrog** · 07/01/2009, 18h52

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

et un seul test

**heldev** · 07/01/2009, 20h00

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?

**SpaceFrog** · 07/01/2009, 20h34

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**heldev** · 08/01/2009, 01h51

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

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
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>

**heldev** · 08/01/2009, 03h12

J'ai changé cette ligne:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Par celle-ci mais sans résultat:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**vermine** · 08/01/2009, 08h28

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**heldev** · 08/01/2009, 17h30

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?

**SpaceFrog** · 08/01/2009, 20h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Empêcher l'entrer de URL dans un texte

JavaScript

Discussions similaires

Partager

Partager