Welkom, Gasten
Gebruikersnaam: Wachtwoord: Onthoud mij
12 jan 2019
Diverse hosters zijn van PHP 5.x.x en PHP 7.x.x automatisch overgeschakeld naar PHP 7.3.x. Als je Joomla website en de gebruikte extensies (componenten, plugins en modules) niet up-to-date zijn kan hierdoor je website niet meer werken.
Lees meer...
  • Pagina:
  • 1

Onderwerp: JavaScript form validatie

JavaScript form validatie 5 jaren 4 maanden geleden #1

  • broseld
  • broseld's Profielfoto Onderwerp Auteur
  • Offline
  • Senior Boarder
  • Senior Boarder
  • Berichten: 51
  • Ontvangen bedankjes 0
Ik heb op dit moment een formulier gemaakt in HTML, dat bij verzenden het bestand "validator.js" aanspreekt. Wanneer alle velden correct zijn ingevuld, gaat dit verder naar formulier.php en deze zorgt ervoor dat inhoud van het formulier verzonden zal worden naar een e-mailadres.

In de eerste kolom van het formulier staat het soort dag (name = soortmaandag), dit zijn de keuzemogelijkheden:
- selecteer
- werkdag
- schooldag
- vrij
- anders

En in de laatste kolom staat "opmerking" (name = opmerkingmaandag), dit voor eventuele opmerkingen of bijzonderheden (zie code direct hieronder).
<tr>
    <td height="2" >ma.</td>
    <td ><select name="soortmaandag" id="soortmaandag" tabindex="10">
      <option value="">selecteer</option>
      <option value="werkdag">werkdag</option>
      <option value="school">school</option>
      <option value="vrij">vrij</option>
      <option value="1">anders</option>
    </select></td>
    <td ><label>
      <input name="datummaandag" type="text" id="datummaandag" tabindex="20" size="7" />
    </label></td>
    <td ><input name="begintijdmaandag" type="text" id="begintijdmaandag" tabindex="30" size="5" /></td>
    <td ><input name="eindtijdmaandag" type="text" id="eindtijdmaandag" tabindex="40" size="5" /></td>
    <td ><input name="werkurenmaandag" type="text" id="werkurenmaandag" tabindex="50" size="5" /></td>
    <td ><textarea name="projectopdrachtmaandag" cols="25" rows="2" id="projectopdrachtmaandag" tabindex="60"></textarea></td>
    <td ><textarea name="locatiemaandag" cols="15" rows="2" id="locatiemaandag" tabindex="70"></textarea></td>
    <td height="2" ><textarea name="opmerkingmaandag" cols="25" rows="2" id="opmerkingmaandag" tabindex="80"></textarea></td>
  </tr>

Mijn vraag betreft twee vakken die de bezoeker dient in te vullen:
1) soortmaandag
- selecteer (dit is geen mogelijk om te kiezen, is in orde, zie onderstaande code uit validator.js)
- werkdag
- schooldag
- vrij
- anders

2) opmerkingmaandag tekstvak
Ik wil graag zorgen dat via validator.js het tekstvak "opmerking" verplicht wordt als er bij 1) de optie "anders" wordt opgegeven.

Ik heb dit voor alle dagen van de week al gemaakt in JavaScript (zie onderstaande code), maar nu ben ik dus op zoek naar een code die ervoor zorgt dat wanneer "anders" gekozen is, het tekstvak "opmerking" niet leeg mag zijn.
// soortmaandag
  if (!document.urenregistratie.soortmaandag.value){
  alert('Geef aan wat voor soort maandag dit is');
  document.urenregistratie.soortmaandag.focus();
  return false; } //end soortmaandag
  
  function valDrop(val) {
  if (val == '') return false;
  else return true;
  }

Is er iemand die mij hiermee kan helpen?

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

Re: JavaScript form validatie 5 jaren 4 maanden geleden #2

  • Leen
  • Leen's Profielfoto
  • Offline
  • Administrator
  • Administrator
  • Geen zorgen voor de dag van morgen
  • Berichten: 3888
  • Karma: 2
  • Ontvangen bedankjes 98
M.v.g Leen

Gelieve Inloggen of een account aanmaken om deel te nemen aan het gesprek.

  • Pagina:
  • 1
Tijd voor maken pagina: 0.400 seconden
Gemaakt door Kunena
logo mijnjoomlaforum colored puzzle2

MijnJoomlaForum.nl is niet verbonden aan en is geen onderdeel van Open Source Matters, Inc, of het Joomla! project!

Hosted by Otto
Webdesign by Renata
Sitemap

Donatie Knop