html - 输入的必需属性不适用于表单提交

Question

我写了这个简单的表单，如果点击提交按钮，应该要求用户输入他们的电话号码。相反，什么也没有发生。有人可以帮帮我吗？这是我的表单的代码:

<form id="subscribeForm" method="POST" novalidate="novalidate">
    <div class="payment margin-top-30">
        <div class="payment-tab payment-tab-active">
            <div class="payment-tab-trigger">
                <input checked id="{PAYMENT_TYPES.folder}"
                    class="payment_method_id" name="payment_method_id"
                    type="radio"
                    value="{PAYMENT_TYPES.id}" data-name="m-pesa2">
                <label for="{PAYMENT_TYPES.folder}">{PAYMENT_TYPES.title}</label>
                <img class="payment-logo {PAYMENT_TYPES.folder}"
                  src="{SITE_URL}includes/payments/{PAYMENT_TYPES.folder}/logo/logo.png"
                  alt="{PAYMENT_TYPES.title}">
            </div>
            <div class="payment-tab-content">
                <p>
                    A Push notification shall be sent to the Phone
                    Number to complete payment.
                </p>
                <div class="payment-tab-content">
                    <div class="row payment-form-row">
                        <div class="col-12">
                            <div class="card-label form-group">
                                <input type="text" class="form-control"
                                    name="phone" placeholder="Phone Number" required/>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <button type="submit" name="Submit" class="button big ripple-effect
            margin-top-40 margin-bottom-65 subscribeNow" 
            id="subscribeNow">submit</button>
</form>

Answer 1

删除 novalidate="novalidate"来自 <form>