layuiデータチェック。

1.対応する基準layuiのjs.css

2.//HTML部分
の<input type = "text"の名= "タイトル" = "レイベリファイプロジェクト名 "オートコンプリートのプレースホルダ="オフ" = "请输入标题"クラス= "layui入力">

<選択名= "モジュール"レイ検証=」cityPermanentPopulationは "レイ検索を=" ">
<オプション値=" ">直接选择或搜索选择</オプション>
<オプション値=" 1" >レイヤ</オプション>
<オプション値= "2">形</オプション>
</選択>

 <ボタンタイプ= "ボタン" ID = "提出"クラス= "ZP-BTN ZP-BTN緑色PAD33" レイフィルタ= "addSubmit"レイ提出>保存</ボタン>

3.jsチェック部

//フォーム検証
機能layuiformverify(){
layui.form.verify({
      //基本情報
      プロジェクト名:関数(値){//アイテム名
      !IF(値){
         戻り'プロジェクト名は空にすることはできません';
      }
      IF(値> 50).LENGTH {
        リターン'プロジェクト名が50文字を超えることはできません';
      }
}
     //都市指標の
      cityPermanentPopulation:関数(値){//都市の居住人口
      IF(isSubmit == 1){
      {)値(IF!
        リターン'都市の居住人口は空にすることはできません';
      }
    }
      IF(!=値""!= nullの&&値){
      [。] IF(新しい新しい正規表現(!「^ [0-9] +(1} {[0-。 .. 9] +){0,1} $「)試験(値)){
      リターン'永久集団は、整数または小数でなければなりません'。
   }
IF(value.length> 9){
リターン'永久集団は9桁より大きくありません';
}
}
}})
}

4.チェックをトリガ

VARフォーム= layui.form。
form.on( '提出(addSubmit)'、関数(データ)
{

//このクリックのような認証方法をトリガーします。

}

 

おすすめ

転載: www.cnblogs.com/TanYong/p/11320714.html