如何验证在“提交”按钮上的表单上输入的值

时间:2018-06-25 10:59:48

标签: javascript c# model-view-controller

我有一个显示客户订购的表格。在此表单上,一旦按下按钮,就会打开一个模式表单,供用户输入订单的其他项目。在此模式表单上,用户输入项目代码,当他们退出此框时,项目详细信息将自动填充表单的其余部分。在此表单上有一个添加按钮,一旦用户输入了项目代码和数量,他们便按添加,新项目即被添加到订单中。我的问题是我需要验证“数量”值以确保输入了一个值,但不确定如何输入。

在主表单中,通过单击一个按钮打开“添加新项”表单。

$("body").on("click", ".add-order-item", function () {
    $.ajax({
        type: "GET",
        cache: false,
        url: "/Form/AddOrderItem",
        success: function (result) {
            $("#form-order-item-modal").html(result).modal("show");
            $.validator.unobtrusive.parse("#add-order-item");
            initializeDrugItemForm(null);
            $("#ItemQuantity").prop("disabled", true);
        },
        error: function (xhr, status, error) {
            alert("An error occurred when retrieving the form");
        }
    });
});

添加新项的表单使用以下代码保存新项。

@using (Html.BeginForm("AddOrderItem", "Order", 
new { id = ViewContext.RouteData.Values["orderId"] }, 
FormMethod.Post, new { id = "add-order-item" }))
{
...
<div class="modal-footer">
    <input type="button" value="Cancel" class="btn" aria-hidden="true" data-dismiss="modal" id="cancelOrderItem"/>
    <input type="submit" value="Add" class="btn btn-primary" aria-hidden="true" id="addOrderItem" />
</div>
}

我不知道是否应该在订单控制器的javascript或AddOrderItem中进行验证?如果我将支票放入控制器,如何向用户返回一条消息,提示必须输入数量?

预先感谢

0 个答案:

没有答案