я новый в MVC и JS, что я хочу, состоит в том, чтобы санкционировать формуляр контакта до того, как он перешел в действие драйвера. Попробуйте делать рукописный шрифт, но оно я не функционирует и не потому что. Восток - мой form и мой рукописный шрифт.
function submit() {
var form = document.getElementsByName('formCont')[0],
elementos = form.elements,
boton = document.getElementById('btnSubmit');
var validarNombre = function () {
if (form.nombre.value == 0) {
alert('completar campo nombre')
}
}
var validar = function () {
validarNombre();
}
form.addEventListener("submit", validar);
}
<form style="color:black" method="post" action="" id="formContacto" name="formCont">
<fieldset>
<div class="form-group col-md-6 offset-md-3">
<label for="nombre"><strong>Nombre</strong></label>
<input type="text" class="form-control col-md-12" name="nombre" placeholder="Ingresa tu nombre">
</div>
<div class="form-group">
<div class="col-md-12">
@*<button id="btnSubmit" type="submit" class="btn btn-primary">ENVIAR</button>*@
<button id="btnSubmit" onclick="submit" class="btn btn-primary">ENVIAR</button>
</div>
</div>
</fieldset>
</form>
Вероятно этот плохой рукописный шрифт, так как я это делал с тем, что я увидел в Интернете. Какая-то подсказка? Спасибо.
Ты можешь использовать jQuery Validation
:
AГ±adir следующие scripts в Layout
page:
<script src="~/Scripts/jquery-x.x.x.js"></script>
<script src="~/Scripts/jquery.validate.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.js"></script>
AГ±adir этот function в нее pagГ-na View:
$(function () {
$("#SubmitButton").click(function () {
if (!$("#frmCreate").valid()) {
return false;
}
});
});
AГ±adir необходимый Data Annotations
в Entity Model
properties:
[Required(ErrorMessage = " Required field!")]
[StringLength(50, ErrorMessage = "The {0} must be at least {2} characters long", MinimumLength = 2)]
[MaxLength(50)]
public string Name { get; set; }
[Required(ErrorMessage = "Required field!")]
[EmailAddress]
[RegularExpression("^[a-z0-9_\\+-]+(\\.[a-z0-9_\\+-]+)*@[a-z0-9-]+(\\.[a-z0-9]+)*\\.([a-z]{2,4})$", ErrorMessage = "Please enter a valid e-mail")]
public string Email { get; set; }
AГ±adir @Html.ValidationMessageFor
to the related inputs.
@Html.LabelFor(m => m.Name)
@Html.TextBoxFor(m => m.Name, new { @class = "input" })
@Html.ValidationMessageFor(m => m.Name, null, new { @class = "field-validation-error" })
Надеялся, что он этому помогает...