diff --git a/tailbone/templates/settings/email/view.mako b/tailbone/templates/settings/email/view.mako
index e7568398..be4f5774 100644
--- a/tailbone/templates/settings/email/view.mako
+++ b/tailbone/templates/settings/email/view.mako
@@ -92,7 +92,7 @@
       </div>
 
       <div class="control">
-        <input name="recipient" type="email" class="input" value="${request.user.email_address or ''}" />
+        <b-input name="recipient" v-model="userEmailAddress"></b-input>
       </div>
 
       <div class="control">
@@ -119,10 +119,16 @@
             return {
                 previewFormButtonText: "Send Preview Email",
                 previewFormSubmitting: false,
+                userEmailAddress: ${json.dumps(request.user.email_address)|n},
             }
         },
         methods: {
-            submitPreviewForm() {
+            submitPreviewForm(event) {
+                if (!this.userEmailAddress) {
+                    alert("Please provide an email address.")
+                    event.preventDefault()
+                    return
+                }
                 this.previewFormSubmitting = true
                 this.previewFormButtonText = "Working, please wait..."
             }