Question

我有一个表单，我想在文本类型的输入中添加一些验证属性。以下是该视图的榆树代码：

Html.form [ attribute "data-toggle" "validator", attribute "role" "form" ]
    [ div [ id "global" ]
        [ div [ class "container" ]
            [ div [ class "form-group" ]
                [ label [ class "control-label", for "sss" ] [ text "dummy text here" ]
                , div []
                    [ input [ class "form-control", id "sss", placeholder "text", type_ "text", pattern ".{1,}", required True, onInput ChangeMessage]
                        []
                    ]
                ]
....

这是我的HTML：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test title</title>
        <script src="Main.js"></script>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
        <link rel="stylesheet" href="styles.css">
    </head>

    <body>
            <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"></script>
            <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
            <script src='http://cdnjs.cloudflare.com/ajax/libs/bootstrap-validator/0.4.5/js/bootstrapvalidator.min.js'></script>
      <div class="col-xs-2">
        <img src="./logo.svg" width="165" height="95" />
        </div>
        <div class="col-xs-10">
      <div class="jumbotron">
        <div class="container text-center">
          <h2>big title</h2>
        </div>
      </div>
      </div>
    </body>

    <script>
        var app = Elm.Main.fullscreen();
    </script>
</html>

但验证者被忽略了。如果我单击此输入并单击其他内容，我没有看到任何错误或输入边距变为红色，那么如何验证在此输入中我至少有一个字符？

elm：验证属性被忽略

0 个答案: