Question

我有这个JQuery Mobile Form，它将输入发送到MySQL数据库。我想根据需要验证所有字段。但是，它不起作用，我找不到错误。

这是表单的第一部分。我把＆＃34;要求＆＃34;在输入字段上。

$('.newsletter').click(function(){
    $(".overlay_newsletter").fadeIn();

    $(".name, li, .newsletter, svg, .header-links").css({
            '-webkit-filter': 'blur(3px)',
            'filter': 'blur(3px)',
            '-moz-filter': 'blur(3px)'});

    $(".menu-expand").css({
            '-webkit-filter': 'blur(8px)',
            'filter': 'blur(8px)',
            '-moz-filter': 'blur(8px)',
            'opacity':'0.5'});

    $(".logo").css({
            '-webkit-filter': 'blur(8px)',
            'filter': 'blur(8px)',
            '-moz-filter': 'blur(8px)'});
  });

这是我的API脚本

<form id="form-haftpflicht" method="post">
<div data-role="fieldcontain">
    <fieldset data-role="fieldcontain">
        <label for="versicherungsbeginn"><b>Versicherungsbeginn</b></label>
        <input type="date" name="versicherungsbeginn" id="versicherungsbeginn" value="" required />
    </fieldset>
    <fieldset data-role="fieldcontain">
        <label for="erwachsene" class="select"><b>Anzahl Erwachsene:</b></label>
        <select name="erwachsene" id="erwachsene" data-role="none" required>
            <option value="standard" data-placeholder="true">-- Bitte wählen --</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>

        </select>
    </fieldset>
    <fieldset data-role="fieldcontain">
        <label for="kinder" class="select"><b>Anzahl Kinder:</b></label>
        <select name="kinder" id="kinder" data-role="none" required>
            <option value="standard" data-placeholder="true">-- Bitte wählen --</option>
            <option value="1">1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>

        </select>
    </fieldset>
</div>

Answer 1

如果所选选项的值为空（＆＃34;＆＃34;），则select被视为空（如果需要该字段则无效），但您的值为{＆＃34} ;标准＆＃34;。）

要解决验证问题，只需更换＆＃34;标准＆＃34; ＆＃34;＆＃34;的第一个选项中的值：

<select name="kinder" id="kinder" data-role="none" required>
    <option value="" data-placeholder="true">-- Bitte wählen --</option>
    <option value="1">1</option>
    <option value="2">2</option>

Jquery表单验证不起作用

1 个答案: