Question

这是我的代码：

        <div class="two-columns">
            <div class="col-half">
                <label for="city">Città</label>
                <input type="text" name="city" class="required">
            </div>
            <div class="col-half">
                <label for="province">Provincia</label><br>
                <select name="province" class="required">
                    <option value="">Seleziona la provincia</option>
                </select>
            </div>
        </div>

如您所见，我在下拉列表中添加了“class required”，因为用户必须选择一个值。一切正常但如果我错过了从下拉列表中选择一个项目，我看不到警报消息;表单未发送，正确，但未显示警报。任何提示？

Answer 1

你应该能够把它作为

<select name="province" required>
    <option value="">Seleziona la provincia</option>
</select>

这是指向有用的stackoverflow帖子的链接：

Can I apply the required attribute to <select> fields in HTML5?

Answer 2

如果您添加class='required'，则不会执行任何validation。

class属性主要用于指向样式中的类片。但是，它也可以由JavaScript使用（通过HTML DOM）使用指定的类更改HTML元素。

如果您想进行验证，可以采用不同的方式进行验证。

使用 HTML5 required属性

Ex：<select name="" required>
codeigniter中的服务器端表单验证。别忘了包含验证库 $this->load->library('form_validation');

Ex：$this->form_validation->set_rules("province","province","required")
最后，您可以使用jquery或javascript验证

希望它会有所帮助。感谢

Codeigniter下拉列表验证

2 个答案: