Санкционировать формуляр контакта с js

я новый в 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>

Вероятно этот плохой рукописный шрифт, так как я это делал с тем, что я увидел в Интернете. Какая-то подсказка? Спасибо.

0
задан 29.10.2019, 08:19
1 ответ

Ты можешь использовать 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" })

Надеялся, что он этому помогает...

1
ответ дан 01.12.2019, 19:37

Теги

Похожие вопросы