elementUIフォームフォームの検証

<EL-形式:モデル= "フォーム" REF = "フォーム"ラベル幅= "100pxに"> 
        <DIV CLASS = "PADD"> 
            <DIV CLASS = "ラベル入力"> 
                <EL-行> 
                    <EL-COLクラス= "lbinディレクトリ行":スパン= "24"> 
                        <EL-フォーム項目ラベル= "姓名"小道具= "名前":ルール= "[{必須:○、メッセージ: '姓名输入请'、トリガー。 'ぼかし'}] "> 
                            <EL-入力V-モデル=" form.name "> </ EL-入力> 
                        </ EL-フォーム項目> 
                    </ EL-COL> 
                    <EL-COLクラス=" lbin-行」:スパン= "24"> 
                        </ EL-フォーム項目> 
                    </ EL-COL>
                        <EL-フォーム項目ラベル= " 電話番号"プロップ= "モバイル":ルール = "[{必須:○、メッセージ: ' 電話番号を入力してください'、トリガー'ブラー'} ]">
                            <EL-入力Vモデル= "form.mobile"> </ EL-入力>
                    <EL-COLクラス= "lbinディレクトリ行":スパン= "24"> 
                        <EL-フォーム項目ラベル= "密码"プロップ= "PWD" V-IF = "isHidden":ルール= "[{必須:○メッセージ: '请输入密码'、トリガー'ブラー'}] "> 
                            <EL-入力Vモデル=" form.pwd "> </ EL-入力> 
                        </ EL-フォーム項目> 
                    </ IL- COL> 
                    <EL-COLクラス= "lbinディレクトリ行":スパン= "24"> 
                        <EL-ボタン@クリック= "getSubmit( 'フォーム')">提交</ EL-ボタン> 
                    </ EL-COL> 
                < / EL行> 
            </ div>
        </ DIV> 
    </ EL-フォーム>

JS

データ(){ 
            リターン{ 
                形:{ 
                    名: ''、
                    モバイル: ''、
                    PWD: ''、
                }、
                isHidden:偽、
            } 
        }、(){
        作成

        }、
        メソッド:{ 
            getSubmit(フォーム){ 
                。この$レフリー[フォーム] .validate((有効)=> { 
                    場合(有効){ 
                        警告( '提出!'); 
                    }他{ 
                        はconsole.log( 'エラー提出!!'); 
                        falseを返します; 
                    }
                }); 
            } 
        }

  

 

おすすめ

転載: www.cnblogs.com/dyy-dida/p/11375483.html
おすすめ