Question

对于我的一个课程，我们正在使用JQuery验证。在用户在文本框中输入信息后，我试图获取答案，以填充在下面文档底部列出的相应文本（名称，年龄，日期等）旁边。

<script>
$(document).ready(function() {

    $("#input").validate();

     $("#input").submit(function(e) {

         e.preventDefault(); //Prevents from submitting (which is the default action)


          if (!$("#input").valid()) {

                return false;

           } else {
                $("#result").append($("#name").val() + "<br>" + "Your name is");
           }



        });
});

  </script>
  <body>

    <p><b>Fill out all the fields below and click submit</b></p>


        <div>
            <label for="name" class="label">Enter your name</label>
            <input type="text" name="name" id="name" class="required" title="Please enter your name"> </div><br>
        <div>
            <label for="thedate" class="label">Enter today's date</label>
            <input type="text" name="thedate" id="thedate" class="required date"></div><br>
        <div>
            <label for="theage" class="label">Enter your age</label>
            <input type="text" name="theage" id="theage" class="required digits"></div><br>
        <div>
            <label for="theurl" class="label">Enter your web site</label>
            <input type="text" name="theurl" id="theurl" class="required url"></div><br>
        <div>
            <label for="theemail" class="label">Enter your email</label>
            <input type="text" name="theemail" id="theemail" class="required email"></div><br>

        <div>
            <input type='submit' value='Submit' name="submit" id='submitme'></div><br>

    </form>
    <p id="result"></p>

    <p><b>Name:</b></p><br>

    <p><b>Date: </b></p><br>

    <p><b>Age:</b> </p><br>

    <p><b>Website: </b></p><br>

    <p><b>Email:</b></p><br>

</body>

</html>

有没有一种方法可以让您的JQuery验证填充到文档中？

0 个答案: