时间戳

首页 > 解决方案 > 无法浏览文件 - “错误：解析文件”（HTML5 checkValidity() ？）

javascript - 无法浏览文件 - “错误：解析文件”（HTML5 checkValidity() ？）

问题描述

我想看看我是否可以使用 mocha & chai 测试表单字段验证。

我有以下文件：

./src/index.html：

<!doctype html>
<html>
    <head>
        <title>TDD Project</title>
        <style>
            #container {width: 600px; max-width: 100%; margin: 1em auto;}
        </style>
        <link rel="stylesheet" href="../node_modules/mocha/mocha.css">
    </head>
    <body>
        <div id="container">
            <form>
                <input type="text" id="text" placeholder="enter some text" required maxlength="10" pattern="^[a-z,A-Z]{1,10}$"><br />
                <input type="text" id="number" placeholder="enter a number" required maxlength="10" pattern="\d{10}"><br />
                <input type="submit">
            </form>
        </div>
        <div id="mocha"></div>
        <script src="../node_modules/mocha/mocha.js"></script>
        <script src="../node_modules/chai/chai.js"></script>
        <script>mocha.setup('bdd')</script>

        <script src="../test/test2.js"></script>

        <script>
          mocha.run();
        </script>        
    </body>
</html>

./test/test.js：

var assert = require("chai").assert;

function FormController() {
    function isValidField(fieldID){
        field = document.getElementById(fieldID);
        return(field.checkValidity() = true ? true : false);
    }
    return {
        isValidField
    }
}

describe("Simple assert", function() {
    it("foo != bar", function() {
        assert('foo' != 'bar', 'foo is not bar');
    });
    it('should return true if field is valid', function(){
        var isValidText = FormController.isValidField(text);
        var isValidNumber = FormController.isValidField(number);
        assert.equal(isValidText, true);
        assert.equal(isValidNumber, true);
    });
})

我已经运行了命令 > cd test

> browserify test.js > test2.js

我收到错误：

Error: Parsing file /Users/user/Documents/Projects/Contact_Form/test/test.js: Assigning to rvalue (6:15)

问题似乎与field.checkValidity()但我不明白为什么。

是因为文件test.js无法访问 DOM 吗？

checkValidity()是本页讨论的“HTML5 约束验证 API” 。

帮助表示赞赏。

标签： javascripthtmlbrowserify

解决方案

从这个答案：

当您在条件检查块中使用 = 而不是 == 时，会出现右值错误。

推荐阅读