View Issue Details

IDProjectCategoryView StatusLast Update
0006852Flow themeThemepublic2021-02-14 15:23
Reporterrobert blank 
PrioritynormalSeverityminorReproducibilityalways
Status acknowledgedResolutionopen 
Product Version3.0.1 
Target Version3.0.2Fixed in Version 
Summary0006852: Required HTML select element is not validated on HTML / JavaScript level
DescriptionIn vendor/oxid-esales/flow-theme/tpl/form/fieldset/salutation.tpl there is HTML element like this:

<select name="editval[oxuser__oxsal]" class="form-control selectpicker show-tick bs-select-hidden" required="required">
    <option value="">Please choose ...</option>
    <option value="MRS">Frau</option>
    <option value="MR">Herr</option>
</select>

Flow them uses bootstrap-select to nicely style and enhance the select element.
What is not working is the browser side validation of the required attribute of the select element.
In the example above, if "Please choose ..." is chosen there will be no error rendered by the browser.
Steps To ReproduceConfigure salutation as a required field in
eShop admin -> Master settings -> Settings -> Other settings -> Mandatory fields of the contact form
Select Salutation
Save the form

Go to <eShop URL>/index.php?cl=contact

Note that "Salutation" is marked as a required field.
Try to submit the form without choosing a value for "Salutation"

A validation error is expected to be shown, but no error will be shown.
Additional InformationBrowser:
- Google Chrome Version 69.0.3472.3 (Offizieller Build) dev (64-Bit)
- Firefox Quantum Version 61.0 (64-Bit)
TagsNo tags attached.

Activities

mario_lorenz

2021-02-10 13:48

developer   ~0013378

Error exists in wave-theme too.

mario_lorenz

2021-02-14 15:23

developer   ~0013379

When someone stumbles across the same problem. I solved it by using two inline radio inputs instead of the Select. With that the validation works and it doesn't look bad either.