Jquery 输入验证未正确输出

我正在学习Javascript的路上。我创建了一个如下所示的表单：

    <form method="post" action="#">
       <input type="text" name="name" placeholder="Bitte verrate uns Deinen Namen."  id="anfrage-name"/>
       <input type="email" name="email" placeholder="Und nun Deine E-Mail-Adresse..." id="anfrage-email"/>
       <textarea name="message" placeholder="...gefolgt von Deiner Nachricht an uns." rows="6" id="anfrage-kaufen"></textarea>               
       <input type="submit" class="send-button" value="Anfragen" id="anfrage-abschicken"/>
       <span id="error-message"></span>
    </form>

---

不幸的是，它不起作用。我怎样才能让它工作？这是我的

当您提交表单时使用

onsubmit

事件。监听按钮

onclick

事件是错误的方法

onsubmit

事件自动响应输入键表单提交：

$('form').submit(function (e) {
    var sEmail = $('#anfrage-email').val();

    if ($.trim(sEmail).length == 0) {
        //no email
        $('#error-message').text('Du musst dieses Feld ausfüllen.');
        e.preventDefault();
        return false;    // <-- stop further validation
    }

    if (!validateEmail(sEmail)) {
        // wrong email format
        $('#error-message').text('Dein E-Mail-Format stimmt nicht.');
        e.preventDefault();
    }
});

应该是

$(document).ready(function(e) {
    $('form').submit(function (e) {
    ...

另一个错误：jQuery选择器应该是

$（'#anfrage email'）.val（）不
#anfragen电子邮件

演示：提交表单时，使用
onsubmit
事件。监听按钮
onclick
事件是错误的方法
onsubmit
事件自动响应输入键表单提交：

$('form').submit(function (e) {
    var sEmail = $('#anfrage-email').val();

    if ($.trim(sEmail).length == 0) {
        //no email
        $('#error-message').text('Du musst dieses Feld ausfüllen.');
        e.preventDefault();
        return false;    // <-- stop further validation
    }

    if (!validateEmail(sEmail)) {
        // wrong email format
        $('#error-message').text('Dein E-Mail-Format stimmt nicht.');
        e.preventDefault();
    }
});

应该是

$(document).ready(function(e) {
    $('form').submit(function (e) {
    ...

另一个错误：jQuery选择器应该是
$（'#anfrage email'）.val（）不
#anfragen电子邮件

演示：您的按钮也是表单的提交按钮。我建议首先绑定表单的提交事件，而不是单击按钮。一般来说，请尝试jQuery Validary插件，它将为您完成大部分工作。
您的按钮也是表单的提交按钮。我建议首先绑定表单的提交事件，而不是单击按钮。更一般地说，请尝试jQuery Validary插件，它将为您完成大部分工作。
您的选择器出现了一些错误

 var sEmail = $('#anfragen-email').val();

应该是：

 var sEmail = $('#anfrage-email').val();

因为DOM中没有具有该id的元素

您需要在单击事件中传递事件对象
e

 $('#anfrage-abschicken').click(function(e) {

选择器上有几个错误

 var sEmail = $('#anfragen-email').val();

应该是：

 var sEmail = $('#anfrage-email').val();

因为DOM中没有具有该id的元素

您需要在单击事件中传递事件对象
e

 $('#anfrage-abschicken').click(function(e) {

请注意，您请求的是
$（“#anfragen电子邮件”）
，您的元素称为
anfrage电子邮件

之后，您可以替换
e.preventDefault（）
使用
返回false
以实现相同的目标（这样它就会工作）

剩下的代码似乎是正确的：

请注意，您请求的是
$（“#anfragen电子邮件”）
，您的元素称为
anfrage电子邮件

之后，您可以替换
e.preventDefault（）
使用
返回false
以实现相同的目标（这样它就会工作）

剩下的代码似乎是正确的：

“我怎么去上班？”坐火车。这句话值得一笑，而且+1
：，D
！也许是丢失的dollarsign应该是代码中的第一个字符？哦，该死。你让我笑了哈哈。我很抱歉。更正它！注意，您有一个输入错误-在jQuery中，您试图选择电子邮件的值，您引用了
$（'anfragen email'）.val（）-电子邮件输入上的id是
anfrage email
“我怎么才能上班？”坐火车。这条评论值得一笑和+1
：，D
！也许是丢失的dollarsign应该是代码中的第一个字符？哦，该死。你让我笑了哈哈。我很抱歉。更正它！注意，您有一个输入错误-在jQuery中，您试图选择电子邮件的值，您引用了
$（'anfragen email'）.val（）-电子邮件输入上的id是
anfrage email
。它几乎可以工作了。但是当我在email字段中什么都不输入时，它也会在JS
#anfragen email
中显示'error format'@fjw，应该是
#anfrage email
。它几乎可以工作了。但是当我在email字段中没有键入任何内容时，它也会在JS
#anfragen email
中显示'error format'@fjw应该是
#anfrage email
。谢谢。非常好，谢谢。完美地工作