我有一個添加用戶表單，需要在 Yup 中只允許一個域地址，例如([email protected])在這里必須只允許"@abc.com"。不允許@outlook.com，不允許@gmail.com等。有什么幫助嗎？先感謝您。
const addUser = Yup.object().shape({
email: Yup.string()
.email(i18n.t("form.message.email"))
.required(i18n.t("form.message.required")),
first_name: Yup.string().required(i18n.t("form.message.required")),
last_name: Yup.string().required(i18n.t("form.message.required")),
});
這是html代碼
<div >
<label
>{{ $t("form.label.email") }}:</label
>
<Field
type="email"
v-model="email"
name="email"
autocomplete="off"
:placeholder="$t('form.label.email')"
/>
<div >
<div >
<ErrorMessage name="email" />
</div>
</div>
</div>
uj5u.com熱心網友回復：
您應該使用正則運算式來驗證電子郵件域
const addUser = Yup.object().shape({
email: Yup.string()
.email(i18n.t("form.message.email"))
.required(i18n.t("form.message.required"))
.matches(/\@abc.com$/, 'Domain not allowed) // <--- Add this,
first_name: Yup.string().required(i18n.t("form.message.required")),
last_name: Yup.string().required(i18n.t("form.message.required")),
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/net/469341.html