在提交之前强制验证textboxfor

Question

我有一个必填字段：

[Required(ErrorMessage = "Please enter a name.")]
[StringLength(80, ErrorMessage = "Name cannot be longer than 80 characters.")]
[RegularExpression("^[a-zA-Z ]+$", ErrorMessage = "Only letters can be used.")]
public string Name { get; set; }

我正在使用jqueryval。

我的文本框：

@Html.TextBoxFor(x => x.mymodel.Name , new
                        {
                            id = "namebx",
                            style = "width: 100%;",
                            @class = "form-control loginTextBoxes"
                        })
@Html.ValidationMessageFor(x => x.experience.Name , "", new { @class = "text-danger" })

我有一个控件按下时将页面滚动到下一部分：

<div id="namebutton" class="btn btn-success"><i class="fa fa-check-circle-o"></i> Next</div>

我希望如果未达到验证标准，则会显示验证警告，并且滚动在有效之前不会起作用：

$("#namebutton").click(function() {        
        if ($('#namebx').valid()){                
            $('body').animate({ scrollTop: $('.form-group').find('.parentDiv:hidden:first').offset().top + 500 }, 1000);
            $(".parentDiv:hidden:first").show("slow");
            alert("true");
        }             
        else {
            alert("false");
        }
    });

目前，无论文本框内容如何，​​所有内容都是警告，页面会滚动。验证仅在单击提交按钮时启动。