html表单jquery验证答案

【问题标题】：html form jquery validationhtml表单jquery验证
【发布时间】：2019-02-17 17:27:42
【问题描述】：

我已经尝试了很长时间，但我不知道如何让 jquery 验证插件与 HTML 一起工作，非常感谢您的帮助。我想这是微不足道的，但我找不到解决方案。

这是我的代码

<html>
<head>
    <script src="external/jquery/jquery.js"></script>
    <script src="jquery-ui.js"></script>
    <link href="jquery-ui.css" rel="stylesheet">
</head>
    <body>
        <form id="forma">
            <p>
                <label for="username" id="labelusername">usename</label>
                <input type="text" id="username" name="username" />
            </p>
            <input type="submit" id="save" value="submit" onclick="" />
        </form>
    </body>
    <script>
        $().ready(function(){
            $("#forma").validate({
                rules: {
                    username: "required"
                },

                messages:
                {
                    username: "please enter"
                }
            });
        });
</script>  
</html>

感谢您的帮助！

【问题讨论】：

您是否在控制台中遇到任何错误？

标签： jquery forms validation plugins

【解决方案1】：

欢迎编码。

我注意到，您缺少 jquery 文档

<!DOCTYPE html>
<html lang="en">
<head>
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/additional-methods.min.js"></script>
</head>

<body>

     <form  id="forma">

                  <p>
                      <label for="username" id="labelusername">usename</label>
                      <input type="text" id="username" name="username"  />

                  </p>


                  <input type="submit" id="save" value="submit" onclick="" />                        

              </form>


</body>
<script>
$('document').ready(function(){

        $("#forma").validate({


        rules:
        {

        username:"required"

        },


        messages:
        {
        username:"please enter"
    }

    });

});


</script>

</html>

【讨论】：