Я пытаюсь использовать Jquery проверку в представлении Grails 4.0.3, но он вообще не работает Я много пытался заставить его работать, например, изменить место директивы jquery объявления проверки один раз в head, а другой раз в body, но я ничего не получил, ниже мой код, что мне не хватает?
<!DOCTYPE html>
<html>
<head>
<meta name="layout" content="main"/>
<asset:javascript src="jquery-3.3.1.min.js"/>
<g:set var="entityName" value="${message(code: 'names.label', default: 'Names')}"/>
<title><g:message code="default.create.label" args="[entityName]"/></title>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
</head>
<body>
<script>
$(document).ready(function () {
alert("test") //this is working
$('.register').validate({ // the validation is not working
rules: {
firstName: {
required: true
},
lastName: {
required: true,
minlength: 6
}
},
messages: {
firstName: {
required: "You must enter an email address."
},
lastName: {
required: "You must enter a password.",
minlength: "Your password must be at least {0} characters."
}
}
});
})
</script>
<a href="#create-names" class="skip" tabindex="-1"><g:message code="default.link.skip.label" default="Skip to content…"/></a>
<div class="nav" role="navigation">
<ul>
<li><a class="home" href="${createLink(uri: '/')}"><g:message code="default.home.label"/></a></li>
<li><g:link class="list" action="index"><g:message code="default.list.label" args="[entityName]"/></g:link></li>
</ul>
</div>
<div id="create-names" class="content scaffold-create" role="main">
<h1><g:message code="default.create.label" args="[entityName]"/></h1>
<g:if test="${flash.message}">
<div class="message" role="status">${flash.message}</div>
</g:if>
<g:hasErrors bean="${this.names}">
<ul class="errors" role="alert">
<g:eachError bean="${this.names}" var="error">
<li <g:if test="${error in org.springframework.validation.FieldError}">data-field-id="${error.field}"</g:if>><g:message error="${error}"/></li>
</g:eachError>
</ul>
</g:hasErrors>
<g:form resource="${this.names}" method="POST" class="register">
<fieldset class="form">
<f:all bean="names"/>
</fieldset>
<fieldset class="buttons">
<g:submitButton name="create" class="save" value="${message(code: 'default.button.create.label', default: 'Create')}"/>
</fieldset>
</g:form>
</div>
</body>
</html>