溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
在TypeScript中使用yup庫進行表單驗證非常簡單。首先，需要安裝yup庫：
npm install yup
然后，在TypeScript文件中引入yup并定義驗證規則，例如：
import * as yup from 'yup';
const schema = yup.object().shape({
name: yup.string().required('Name is required'),
email: yup.string().email('Invalid email').required('Email is required'),
age: yup.number().positive().integer().required('Age is required'),
password: yup.string().min(6, 'Password must be at least 6 characters').required('Password is required'),
});
// 使用驗證規則進行表單驗證
const data = {
name: 'John Doe',
email: 'john.doe@example.com',
age: 30,
password: 'password123',
};
schema.validate(data)
.then(() => {
console.log('Validation passed');
})
.catch((error) => {
console.error(error);
});
在上面的示例中，我們定義了一個包含name、email、age和password字段的驗證規則，然后使用validate方法進行表單驗證。如果驗證通過，將會輸出"Validation passed"；如果驗證失敗，將會輸出錯誤信息。
使用yup庫進行表單驗證可以幫助我們輕松地定義和應用復雜的驗證規則，確保用戶輸入的數據符合我們的要求。
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
