Fatal编程技术网
  • javascript/
  • Javascript Codeacademy课程中的Expect.js验证问题

Javascript Codeacademy课程中的Expect.js验证问题

javascript jquery

Javascript Codeacademy课程中的Expect.js验证问题,javascript,jquery,expect.js,Javascript,Jquery,Expect.js,我正在创建一个关于codeacademy的课程，使用户能够了解HTML表单的创建。这主要是为了我自己的娱乐，所以我们都在同一页上。在阅读了之后，我决定使用expect.js来处理大部分验证，因为我需要遍历DOM 因此，我正在创建的课程要求用户创建两个标签元素（标签标签内有内容）和两个输入字段（定义了类型属性，并将值设置为文本）。因此，标准如下： // do the items exist? $expect('form > label').to.have.items(2, 'Did you

我正在创建一个关于codeacademy的课程，使用户能够了解HTML表单的创建。这主要是为了我自己的娱乐，所以我们都在同一页上。在阅读了之后，我决定使用
expect.js
来处理大部分验证，因为我需要遍历DOM

因此，我正在创建的课程要求用户创建两个标签元素（标签标签内有内容）和两个输入字段（定义了
类型
属性，并将值设置为
文本
）。因此，标准如下：

// do the items exist?
$expect('form > label').to.have.items(2, 'Did you forget to create two <label></label> tags?').and.to.have.text(/[a-zA-Z0-9]{1,}/i, 'Do the label tags have information inside of them? <label>My Label</label>');
$expect('form > input').to.have.items(2, 'Did you forget to create two <input> tags?').and.to.have.attr('type', 'text');

// do input fields exist below labels?
$expect('label').to.have.siblings('input', "Are the input fields below the labels?");
  • 在
    元素内创建两个
    元素。一定要指明用户将要填写的内容
  • 在每个
    元素下面创建两个
    元素。确保包含并定义
    类型
    属性 假设我有以下代码：

    <!DOCTYPE html>
<html>
    <head>
        <title></title>
    </head>
    <body>
        <form>
            <label>Foo</label>
            <input type="text">
            <label>Bar</label>
            <!-- should below here here -->
            <input>
        </form>
    </body>
</html>
    如果用户提交HTML代码，那么不管它是如何通过的，它都应该失败。当用户输入第二组
    和
    标记时，我的断开连接。如果他们省略了第二个
    和/或
    type
    属性中值为
    text
    的内容，则仍将通过

    我在这里遗漏了什么特别的东西吗？我已经尝试了上面提供的验证代码，无论是否使用out方法链接，都没有效果

    我试过的
  • 查看Codeacademy以了解有关如何纠正此问题的任何提示
  • 查看expect.js自述以获得任何提示
  • 查看StackOverflow是否有任何提示
  • 删除方法链接并重新建立方法链接
    • 我认为您需要这个功能，它的文档记录非常详细

    $expect('form > input').to.have.items(2, 'Did you forget to create two <input> tags?').that.has.attr('type', 'text');

    $expect（'form>input'）.to.have.items（2，'you忘了创建两个标记吗？'））.that.has.attr（'type'，'text'）；