form field rode border geven na error

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Advanced Mendix Developer Order Management Systeme

Advanced Mendix Developer Order Management Systemen (NL) Den Haag HBO/WO IT Professional "Als Advanced Mendix Developer impact maken op de groeiende e-commerce markt? Je doet dit bij PostNL door met je DevOps team onze Mendix applicaties verder te ontwikkelen, waarbij je complexe logistieke business processen vertaalt naar applicaties die ons primaire proces ondersteunen". Wat ga je doen? PostNL wordt een postal tech company We nemen de ontwikkeling van onze IT applicaties in eigen hand door onze eigen software-ontwikkel-capability op te zetten. Als Advanced Mendix Developer ben je onderdeel van een multidisciplinair, agile werkend Business-IT-team. Samen met dit team bouw je onze logistieke IT-applicaties verder

Bekijk vacature »

L deB

L deB

25/11/2015 11:24:06
Quote Anchor link
Hallo beste mensen,

Ik heb een formulier met foutvalidatie.
Ik kan bij een fout bijvoorbeeld naast een veld dat niet is ingevuld (en wel ingevuld moet worden) een tekst of rood asteriskje laten plaatsen.

Nu wil ik graag dat de form field highlight als het niet door de validatie heenkomt.
Enigszins op de volgende manier:

http://static.afbeeldinguploaden.nl/1511/127967/fxGF71C4.png

Ik zoeken en zoeken via Google, kom vooral op codes uit die aangeven wat er moet gebeuren als de focus op een form field ligt, zoals bijvoorbeeld bij de volgende site

https://css-tricks.com/snippets/css/glowing-blue-input-highlights/

Zoiets wil ik dus ook graag, maar dan voor als een veld, of velden, de validatie niet goed doorkomen.

Via Google gezocht op dingen als 'form field highlight on error' en op youtube ook gezocht. Ik kom tot nu toe niet tegen wat ik nodig heb.

Iemand die me kan aangeven waar ik op moet zoeken, waar een handleiding staat, hoe ik het in het algemeen aan kan pakken, stuk CSS of php code wat nog nodig is?

Alvast bedankt :)
 
PHP hulp

PHP hulp

21/09/2021 19:39:43
 
Randy vsf

Randy vsf

25/11/2015 12:13:06
Quote Anchor link
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
var input = document.getElementById('jouwInput');

if(input.value == '') {
    input.style.borderColor = 'red';
}


Zo maak je de borders red.
Je kan het inpakken in een mooie functie, en dan via het formulier onsubmit="validate()" o.i.d
 
Jan de Laet

Jan de Laet

25/11/2015 13:27:23
Quote Anchor link
Met css doe ik het zo:
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
.frmred input {border-color: red;}


En in het formulier gebruik ik dit zo (voorbeeld voor 1 veld, ik gebruik table om formulier op te maken):
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
<tr>
  <?php echo isset($aErrors['Achternaam']) ? '<td class="frmred">' : '<td>' ?>
    <label for="Achternaam">Achternaam: *</label>
    <input id="Achternaam" name="Achternaam" type="text" maxlength="60" size="65" value="<?php echo isset($_POST['Achternaam']) ? htmlspecialchars($_POST['Achternaam']) : '' ?>" />
  </td>
</tr>


$aErrors['Achternaam'] heb ik gevuld als er een fout was in Achternaam tijdens de controle van het formulier.
Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
$aErrors = array();

if ($_SERVER['REQUEST_METHOD'] == 'POST') {
    //  Er zijn gegevens verstuurd naar deze pagina!

    //  Een Achternaam bevat letters en spaties (minimaal 1)
    $veld = 'Achternaam';
    $input = $_POST[$veld];
    if ( empty($input) ) {
        $aErrors[$veld] = $veld . ' is verplicht';
    }
}
 
L deB

L deB

25/11/2015 16:22:41
Quote Anchor link
Bedankt allebei, het werkt beide
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.