Question

我通过不同的链接访问过，但无法找到所需的答案。我没有在这个视图中使用模型。在将数据发送到服务器之前，我想检查文本输入是否为空。我如何验证它？

@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<div class="container">
    <h2>Student Information</h2>
    @using (Html.BeginForm("insert", "Menu", FormMethod.Post, new { id="target"}))
    {
        <label>First Name:</label>
        <input type="text" class="form-control" name="firstname" id="f_name" />
        <button type="submit" class="btn btn-success" >Insert</button>
    }
</div>

<script>
    $(function () {
        $("#target".submit(function (event) {
            event.preventDefault();
            //return false;
        })
    }) 
</script>

Answer 1

您可以使用简单的jQuery语句获取值 - $（“＃f_name”）。val（）然后检查它是否为null $（“＃f_name”）。val（）== null

所以你的完整javascript将是

<script>
    $(function () {
        $("#target".submit(function (event) {
            event.preventDefault();
            if($("#f_name").val() == null){
                return false;
            }
            return true;
        })
    })

</script>

Answer 2

试试这个，我使用空字符串（＆＃39;＆＃39;）而不是null，因为通常空文本框只是空字符串而不一定是null。

<script>
$(function () {
    $('button.btn').unbind();
    $('button.btn').click(function () {

        if($("#f_name").val() == ''){
            return false;
        }
        return true;
    })
})
</script>

Answer 3

如果您不想在客户端验证数据的自定义脚本，可以使用UINavigationBar.appearance().largeTitleTextAttributes = [ NSAttributedString.Key.foregroundColor: UIColor.black ]和jquery.validate.js。这将像mvc验证规则一样工作（实际上，当启用客户端验证时，MVC本身在视图上生成此验证逻辑。）

只需在页面中添加这三个脚本文件即可。

jquery.validate.unobstrusive.js

或者您可以从MVC应用程序中的Script文件夹中进行选择。并尝试在Htmlelement中添加以下属性以进行验证。

    <script src="https://code.jquery.com/jquery-1.12.4.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.js"></script>
    <script src="http://ajax.aspnetcdn.com/ajax/mvc/5.2.3/jquery.validate.unobtrusive.js"></script>

这将像您的视图中的MVC验证一样工作。您可以点击此链接获取有关如何使用 JqueryValidate 和 jquery 不显眼的更多信息：http://bradwilson.typepad.com/blog/2010/10/mvc3-unobtrusive-validation.html

没有Model Class的htmlhelper中的客户端验证

3 个答案: