camzalewski/personal-site
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Added form field statuses during validation.

Browse source
This commit is contained in:
mikestefanello 2021-12-23 08:57:27 -05:00
parent 57159c4fba
commit d6ef2b0b73
6 changed files with 37 additions and 13 deletions
Download patch file Download diff file Expand all files Collapse all files

6
templates/components/forms.gohtml
View file

@ -2,8 +2,8 @@
<input type="hidden" name="csrf" value="{{.CSRF}}"/>
{{end}}
{{define "form-field-errors"}}
{{range .}}
{{define "field-errors"}}
{{- range .}}
<p class="help is-danger">{{.}}</p>
{{end}}
{{- end}}
{{end}}

8
templates/pages/contact.gohtml
View file

@ -3,17 +3,17 @@
<div class="field">
<label for="email" class="label">Email address</label>
<div class="control">
<input id="email" name="email" type="email" class="input" value="{{.Data.Email}}">
<input id="email" name="email" type="email" class="input {{.Form.Submission.GetFieldStatusClass "email"}}" value="{{.Form.Email}}">
</div>
{{template "form-field-errors" (.Data.Submission.GetFieldErrors "email")}}
{{template "field-errors" (.Form.Submission.GetFieldErrors "email")}}
</div>
<div class="field">
<label for="message" class="label">Message</label>
<div class="control">
<textarea id="message" name="message" class="textarea">{{.Data.Message}}</textarea>
<textarea id="message" name="message" class="textarea {{.Form.Submission.GetFieldStatusClass "message"}}">{{.Form.Message}}</textarea>
</div>
{{template "form-field-errors" (.Data.Submission.GetFieldErrors "message")}}
{{template "field-errors" (.Form.Submission.GetFieldErrors "message")}}
</div>
<div class="field is-grouped">