Question

我找到了类似问题的不同答案，但不是这个问题。

我想确保用户从下拉列表中选择一些内容，例如我的代码：

<div class="form-group">
    <label for="title">Provincia:</label> 
    <i class="icon-append fa fa-user"></i>
    <div>
        <form:select path="provincia" id="provincia" name="provincia">
        <form:option value="" label="Seleccionar Provincia" />
        <form:options items="${provincia}" value="${provincia.id_provincia}" selected="${selected}"></form:options>
        </form:select>
    </div>
</div>

我希望它在浏览器中，而不是在服务器中。

PD：当我在HTML中使用required（需要选择name =“somename”）或（class =“required”）时，它不起作用。 - 我找到的Javascript解决方案也不起作用。

由于

Answer 1

以下是我目前正在为我的某个项目使用的一些代码。 SupplierType是下拉列表，因此是SupplierPremium;有条件地要求下拉。请密切关注控制台窗口，以确保正确安装JQueryValidation。

        //Start Validation
        $("#AddSupplier").validate({
            errorClass: 'errors',
            rules: {
                SupplierName: {
                    required: true,
                    email: false
                },
                SupplierType: {
                    required: true
                },
                SupplierPremium: {
                    required: function (element) { return $("#SupplierType").val() == 'Auction'; }
        }

            },
            messages: {
                SupplierType: { required: "Please select a supplier type" }
            }
        });

Answer 2

看一下JQuery验证插件。这完全是客户端，用户友好，可用于各种不同的情况。 Jquery Validation Plugin

如何只选择一个表单：使用jQuery或Javascript选择值？

2 个答案: