in my form, i need a jquery
if I click on 3rd or 4th text this will check previous fields are empty or not if any show error
<div class="col-md-6">
<div id="logbox">
<h1>create an account</h1>
@using (Html.BeginForm("Signup", "Home", FormMethod.Post))
{
@Html.ValidationSummary(true)
@Html.EditorFor(model => model.Name, new { htmlAttributes = new { @id="Name", @class = "input pass", @placeholder = "What's your name?", @pattern = "^[\\w]{3,16}$", @autofocus = "autofocus"@*, @required = "required"*@ } })
<div id="errorName" style="display:none" class="text-danger errorPadding">Name Field Is Empty</div>
@Html.EditorFor(model => model.Email, new { htmlAttributes = new { @id="Email" , @type = "email", @placeholder = "What's your Email?", @*@required = "required",*@ @class = "input pass" } })
<div id="errorEmailValid" style="display:none" class="text-danger errorPadding">This email is not valid</div>
<div id="errorEmail" style="display:none" class="text-danger errorPadding">Email Field Is Empty</div>
@Html.EditorFor(model => model.Password, new { htmlAttributes = new {@id="Password" , @type = "password", @placeholder = "Choose a password", @*@required = "required",*@ @class = "input pass" } })
<div id="errorPass" style="display:none" class="text-danger errorPadding">Password Field Is Empty</div>
@Html.EditorFor(model => model.RepeatPass, new { htmlAttributes = new {@id="RePassword" , @type = "password", @placeholder = "Repeate password", @*@required = "required",*@ @class = "input pass" } })
<div id="errorRePass" style="display:none" class="text-danger errorPadding">Repeate Password Field Is Empty</div>
<div id="errorRePassNotMatch" style="display:none" class="text-danger errorPadding">Repeate Password does not match your password</div>
@Html.EditorFor(model => model.Address, new { htmlAttributes = new {@id="Address" , @placeholder = "What's your address?", @*@required = "required",*@ @class = "input pass" } })
<div id="errorAddress" style="display:none" class="text-danger errorPadding">Address Field Is Empty</div>
<input type="submit" id="btnSignup" value="Sign me up!" class="inputButton"/>
}
</div>
</div>
