Javascript 无法让formvalidating在我的表单中的文本区域上工作

我的问题是，我无法获得验证textarea id=Comment的验证。有人知道我该怎么做才能让它工作吗

我一直在研究stackoverflow、w3c和google，但我还没有找到解决这个问题的方法：(

HTML:

<form method="POST" id="userform" class="col-xs-12" action="landingpage.html">
   <form method="POST" id="userform" class="col-xs-12" action="landingpage.html">
<fieldset>
    <legend>Udfyld formularen</legend>
    <div class="form-group">
        <label class="col-xs-4 control-label " for="fullName">Navn</label>
        <div class="col-xs-8">
            <input type="text" name="fullname" id="fullname" value="" data-field="required" class="form-control"  placeholder="Indtast fulde navn">
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-4 control-label " for="email">Email</label>
        <div class="col-sm-8">
            <input type="email" name="email" id="email" value="" data-field="required" class="form-control" placeholder="Indtast email">
        </div>
    </div>
    <div class="form-group">
        <label class="col-xs-4 control-label" for="Comment">Kommentar</label>
        <div class="col-sm-8">
            <textarea name="Comment" id="Comment" class="form-control" required ></textarea>
        </div>
    </div>
    <div class="col-xs-12">
        <div class="col-xs-4"></div>
        <button type="button" class="col-xs-4 btn btn-success" id="sendform">Send</button>
        <button type="reset" class="col-xs-4 btn btn-warning" >Nulstil felter</button>
    </div>
</fieldset>

Udfyld公式
纳文
电子邮件
评释书
发送
努尔斯蒂尔费尔特

JavaScript:

$(function() {
    var result = 1;
    var strResult = "";

    $("#sendform").click(function() {
        $.each($("input"), function(index, value) {
            console.log($(this));
            if ($(this).data('field') === "required") {
                if (!$(this).val()) {
                    showError($(this), "Du skal udfylde feltet!");
                    result = 0;
                    $(this).bind("keypress", function() {
                        hideError($(this));
                        result = 1;
                    });
                    return false;
                } else {
                    if ($(this).attr("type") === "email") {
                        if (!isValidEmail($(this).val())) {
                            showError($(this), "Du skal indtaste en korrekt email!");
                            result = 0;
                            $(this).bind("keydown", function() {
                                hideError($(this));
                                result = 1;
                            });

                            return false;
                        }

                    }

                }


            }
        });
        if (result > 0) {
            strResult = "Navn:  " + $("#fullname").val() + "\n";
            strResult += "Email:  " + $("#email").val() + "\n";
            strResult += "kommentar:  " + $("#Comment").val(); + "\n";
            alert(strResult);
            //$("#userform").submit(); alert(field1+'&'+field2);
        }

    });
});

// show error msg

function showError(inputfield, strMsg) {
    if (!$(inputfield).next().hasClass("text-danger")) {
        $(inputfield).after("<span class=\"text-danger\">" + strMsg + "</span>");
    }
}

// hide error msg

function hideError(inputfield) {
    if ($(inputfield).next().hasClass("text-danger")) {
        $(inputfield).next().remove();
    }
}

// is value a number

function isValidNumber(value) {
        var pattern = /^[0-9]+$/;
        return pattern.test(value);
    }
    // is value containing letters

function isValidAlpha(value) {
        var pattern = /^[A-ZÆØÅa-zæøå ]+$/;
        return pattern.test(value);
    }
    // does email have a valid syntax

function isValidEmail(value) {
    var pattern = /^([\w-]+(?:\.[\w-]+)*)@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$/i;
    return pattern.test(value);
}

// does value have a valid length 

function isValidLength(value, min, max) {
    var pattern = RegExp('^[0-9A-Za-z@#$%]{' + min + ',' + max + '}$');
    return pattern.test(value);
}

$（函数（）{
var结果=1；
var strResult=“”；
$（“#sendform”）。单击（函数（）{
$。每个（$（“输入”）函数（索引、值）{
log（$（this））；
if（$（this.data（'field'）=“必需”）{
if（！$（this.val（））{
淋浴器（$（这个），“Du skal udfylde feltet！”）；
结果=0；
$（this）.bind（“按键”，函数（）{
hideError（$（本））；
结果=1；
});
返回false；
}否则{
if（$（this.attr（“type”）=“email”）{
如果（！isValidEmail（$（this.val（）））{
淋浴器（$（此），“Du skal indtaste en korrekt email！”；
结果=0；
$（this.bind（“keydown”，function（））{
hideError（$（本））；
结果=1；
});
返回false；
}
}
}
}
});
如果（结果>0）{
strResult=“Navn:”+$（“#全名”）.val（）+“\n”；
strResult+=“电子邮件：+$（“#电子邮件”）.val（）+“\n”；
strResult+=“kommentar:+$（“#注释”）.val（）；+“\n”；
警报（strResult）；
//$（“#userform”）.submit（）；警报（field1+’和+field2）；
}
});
});
//显示错误消息
功能计数器ROR（输入字段，strMsg）{
if（！$（inputfield）.next（）.hasClass（“文本危险”））{
$（inputfield）；
}
}
//隐藏错误消息
函数hideError（输入字段）{
if（$（inputfield）.next（）.hasClass（“文本危险”））{
$（inputfield）.next（）.remove（）；
}
}
//值是一个数字吗
函数isValidNumber（值）{
变量模式=/^[0-9]+$/；
返回模式。测试（值）；
}
//值是否包含字母
函数isValidAlpha（值）{
var模式=/^[A-ZÆA-ZÃÃÃ…A-ZÃ阿尔法øå]+$/；
返回模式。测试（值）；
}
//电子邮件是否有有效的语法
函数isValidEmail（值）{
var模式=/^（[\w-]+（？：\[\w-]+）*）@（（？：[\w-]+\）*\w[\w-]{0,66}）\.（[a-z]{2,6}:（\.[a-z]{2}）$/i；
返回模式。测试（值）；
}
//值是否具有有效的长度
函数isValidLength（值、最小值、最大值）{
var pattern=RegExp（'^[0-9A-Za-z@$%]{'+min+'，'+max+'}$'）；
返回模式。测试（值）；
}

首先，将“textarea”作为选择器传递给每个（）API

其次，对textarea节点使用data field=“required”

<textarea name="Comment" id="Comment" class="form-control" data-field="required"></textarea>

---

检查此提琴

为您的代码组合一个代码提琴

<textarea name="Comment" id="Comment" class="form-control" data-field="required"></textarea>