// vue
<u-input
                    class="input-style m-b-8"
                    v-model="emailAddress"
                    :type="type"
                    :border="border"
                    :trim="trim"
                    @blur="doInput(emailAddress)"
                    placeholder="請輸入您的郵箱地址"
            />
 

// 驗證郵箱地址格式
            doInput(val) {
                const emailReg =
                    /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/;
                if (!emailReg.test(val)) {
                    uni.showToast({
                        title: '郵箱地址格式錯誤',
                        icon: 'none'
                    });
                    return;
                }
            }
 

uniapp的showToast API：https://uniapp.dcloud.io/api/ui/prompt?id=showtoast
uview-ui的input元件：https://www.uviewui.com/components/input.html

本文來自部落格園，作者：1940，轉載請註明原文連結：https://www.cnblogs.com/beiyi-Lin/p/15438389.html