Javascript语义UI：表单验证：列表项字符未呈现

由 发布于

Does anyone know why the little dot in the red box at the bottom is not rendering correctly? As proof that the font is found, see the list above the input box. enter image description here

这是代码，将输入字段保留为空，然后单击提交

<!DOCTYPE html>
<html>
<head>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css">
    <style>.container {margin: 15em;}</style>
</head>
<body>
    <div class="container">
        <ul>
            <li>Shows that...</li>
            <li>...it CAN find the character</li>
        </ul>
    <form class="ui form">
        <p>Give this a try:</p>
        <div class="field">
            <label>Name</label>
            <input placeholder="Your Name?" name="name" type="text">
        </div>
        <div class="ui submit button">Submit</div>
        <div class="ui error message"></div>
    </form>
    </div>

    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"> </script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.js"> </script>
    <script>
        $(document).ready(function(){
            $('.ui.form').form({
                fields: {name : ['minLength[6]', 'empty']}
            });
        });
    </script>
</body>
</html>