シンプルなフォームSemanticUIの枠組みの中でnull以外の認証方法

私は後に...私たちは不確実、保留中の検証を行い、構文SemanticUIフレームワークを使用して生成されるので、この検証情報のdiv要素が空ではない、他のUIフレームワーク、あるいは全くUIフレームワークの中で有効にするかどうかわからない
最初はjquery.jsにファイルを導入する
次のようになります：

<script>
// 表单非空验证
  $('.ui.form').form({
    fields : {
      username : {
        identifier: 'username',
        rules: [{
          type : 'empty',
          prompt: '请输入用户名'
        }]
      },
      password : {
        identifier: 'password',
        rules: [{
          type : 'empty',
          prompt: '请输入密码'
        }]
      }
    }
  });
  
  
  
</script>

例えば、以下のようにログイン画面にフォームの検証を行い、その後、ログインボタンでDIV（同じ形で依然としてDIV）を追加し、フォーマットは次のとおりです。

<div class="ui error mini message"></div>

：次いで、非ヌル図の効果を確認
ルックインターフェースコード：
以前に記載<div class="ui error mini message"></div>順不同リストULで充填されています。