javascript - Javascript validation - Udvikleren.dk - Programmering, webdesign og grafik

Tags: javascript

Bruger #16802 @ 26.06.12 19:24

Hvorfor virker det ikke??

HTML kode

 <html>
 <head>
 <script type="text/javascript">
 function validateForm()
 {
 var name=document.forms["myForm"]["name"].value;
 var email=document.forms["myForm"]["email"].value;
 var message=document.forms["myForm"]["message"].value;
 if (name==null || name=="")
   {
   alert("name must be filled out");
   return false;
   }
 if (email==null || email=="")
   {
   alert("email name must be filled out");
   return false;
   }
 if (message==null || message=="")
   {
   alert("message name must be filled out");
   return false;
   }
     
 }
 
 </script>
 </head>
 
 <body>
 
 
 <FORM  name="myForm"  method="post" onsubmit="return validateForm()">
 <table  style="margin-left: 20px;" cellpadding="0" cellspacing="0" border="0">
 <tr>
 <td><input value="Navn" type="text" name="name" onfocus="this.value=''" /></td>
 </tr>
 <tr>
 <td><input value="E-mail" type="text" name="email"  onfocus="this.value=''" /></td>
 </tr>
 <tr>
 <td><textarea class="rounded" rows="5" value="message" id="message" cols="40"  onFocus="this.value=''; return false;">Message</textarea></td>
 </tr>
 
 <tr>
 <td><input type="submit" value="Submit"></td>
 </tr>
 </table>
 </FORM>
 
 
 
 
 </body>
 </html>

Indlæg senest redigeret d. 26.06.2012 19:36 af Bruger #16802

8 svar postet i denne tråd vises herunder
0 indlæg har modtaget i alt 0 karma

Sorter efter stemmer Sorter efter dato

Bruger #9814 @ 26.06.12 19:42

1.302

Kunne du være en anelse mere konkret om, hvad der ikke virker? Vi er ikke tankelæsere ;-)

Bruger #16802 @ 26.06.12 19:44

sorry

Jeg prøver og køre javascript validation.. Men det virker ikke..
Der sker ikke noget. Der er problemer med validation af tekstfelterne...

Bruger #9814 @ 26.06.12 19:51

1.302

Dit problem er, at du har en value på alle dine form felter. Så de er jo udfyldt ;-)

Prøv at blanke et af felterne før du submitter

Bruger #16802 @ 26.06.12 19:52

kan man ikke have begge?? Jeg vil gerne have at der skal står noget i dem. og når man trykker på tekstfelterne, så forsvinder teksten, så kan man skrive.

Indlæg senest redigeret d. 26.06.2012 19:54 af Bruger #16802

Bruger #9814 @ 26.06.12 20:01

1.302

Jo, bare ikke når du bruger value, da det er value du validerer på i din javascript.

Jeg spurgte selv om inline labels tidligere, se om du kan få inspiration der. Det hjalp i hvertfald mig:

http://www.udvikleren.dk/forum/37299/inline-labels-i-asp.net/

Bruger #16802 @ 26.06.12 20:04

problemet er bare at du bruger asp.net, Som jeg ikke kender til..

Indlæg senest redigeret d. 26.06.2012 20:06 af Bruger #16802

Bruger #9814 @ 26.06.12 20:14

1.302

Problemet er ikke relateret til asp.net. Kig tråden igennem og du bliver klogere :-)

*edit*

Søg evt. på jQuery watermark på google. Der er mange fine jQuery plugins der nemt kan klare det. F.eks. :

http://labs.mario.ec/jq-watermark/

Indlæg senest redigeret d. 26.06.2012 20:27 af Bruger #9814

Bruger #16802 @ 26.06.12 20:27

HTML kode

 <head>
 
 <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
 <script>
 jQuery(function() {
   jQuery.support.placeholder = false;
   test = document.createElement('input');
   if('placeholder' in test) jQuery.support.placeholder = true;
 });
 $(function() {
   if(!$.support.placeholder) { 
    var active = document.activeElement;
    $(':text').focus(function () {
      if ($(this).attr('placeholder') != '' && $(this).val() == $(this).attr('placeholder')) {
       $(this).val('').removeClass('hasPlaceholder');
      }
    }).blur(function () {
      if ($(this).attr('placeholder') != '' && ($(this).val() == '' || $(this).val() == $(this).attr('placeholder'))) {
       $(this).val($(this).attr('placeholder')).addClass('hasPlaceholder');
      }
    });
    $(':text').blur();
    $(active).focus();
    $('form:eq(0)').submit(function () {
      $(':text.hasPlaceholder').val('');
    });
   }
 });
 </script>
 <style>
 .hasPlaceholder {
   color: #777;
 }
 </style>
 
 
 
 <script type="text/javascript">
 function validateForm()
 {
 var name=document.forms["myForm"]["name"].value;
 var email=document.forms["myForm"]["email"].value;
 var msg= document.forms["myForm"]["message"].value;
 
 if (name==null || name=="")
   {
   alert("Name must be filled out");
   return false;
   }
 if (email==null || email=="")
   {
   alert("E-mail must be filled out");
   return false;
   }
      if(msg==null || msg=="")
 alert("Message must be filled out");
 return false;
 }
 
 </script>
 
 
 </head>
 
 <body>
 
 <FORM  name="myForm"  method="post" onsubmit="return validateForm()">
 <table  style="margin-left: 20px;" cellpadding="0" cellspacing="0" border="0">
 <tr>
 <td><input class="rounded"  type="text" name="name" placeholder="Navn" /></td>
 </tr>
 <tr>
 <td><input class="rounded"   type="text" name="email"  placeholder="E-mail"  /></td>
 </tr>
 <tr>
 <td><textarea class="rounded" rows="5"  id="message" cols="40" placeholder="Besked"></textarea></td>
 </tr>
 
 <tr>
 <td><input type="submit" value="Submit"></td>
 </tr>
 </table>
 </FORM>
 
 
 
 
 </body>
 </html>

TUTORIAL: Watermark Text Boxes(HTML/Javascript/jQuery)
http://www.ozzu.com/javascript-tutorials/tutorial-watermark-text-boxes-html-javascript-jquery-t106384.html

Hvorfor viser den ikke besked i internet explorer.?
Kan man lave det på en anden måde..??

Indlæg senest redigeret d. 26.06.2012 21:04 af Bruger #16802

Javascript validation

Karma barometer (30 dage)

Modtaget

Givet

Favorit hos
Forum tråde
Artikler