Форма с капчей
Форма с капчей
[!FormLister?
&formid=`basic`
&rules=`{
"name":{
"required":"Обязательно введите имя"
},
"email":{
"required":"Обязательно введите email",
"email":"Введите email правильно"
},
"phone":{
"required":"Обязательно введите номер телефона",
"phone":"Введите номер правильно"
},
"message":{
"required":"Обязательно введите сообщение",
"minLength":{
"params":100,
"message":"Сообщение должно быть не менее 100 символов"
}
}
}`
&captcha=`modxCaptcha`
&formTpl=`@CODE:
<div class="row">
<div class="col-md-8 col-md-offset-2">
<div class="well">
<form class="form-horizontal" method="post">
<input type="hidden" name="formid" value="basic">
<div class="form-group[+name.errorClass+][+name.requiredClass+]">
<label for="name" class="col-sm-2 control-label">* Имя</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="name" placeholder="Имя" name="name" value="[+name.value+]">
[+name.error+]
</div>
</div>
<div class="form-group[+email.errorClass+][+email.requiredClass+]">
<label for="email" class="col-sm-2 control-label">* Email</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="email" placeholder="Email" name="email" value="[+email.value+]">
[+email.error+]
</div>
</div>
<div class="form-group[+phone.errorClass+][+phone.requiredClass+]">
<label for="phone" class="col-sm-2 control-label">* Телефон</label>
<div class="col-sm-10">
<input type="text" class="form-control" id="phone" placeholder="+375 29 123 45 67" name="phone" value="[+phone.value+]">
[+phone.error+]
</div>
</div>
<div class="form-group[+message.errorClass+][+message.requiredClass+]">
<label for="message" class="col-sm-2 control-label">* Сообщение</label>
<div class="col-sm-10">
<textarea class="form-control" id="message" placeholder="Ваше сообщение" name="message" rows="10">[+message.value+]</textarea>
[+message.error+]
</div>
</div>
[+form.messages+]
<div class="form-group[+vericode.errorClass+][+vericode.requiredClass+]">
<label for="vericode" class="col-sm-2 control-label">* Введите код для проверки</label>
<div class="col-sm-10">
<div><img src="[+captcha+]" alt="Введите число"></div>
<input type="text" class="form-control" id="vericode" name="vericode" value="">
[+vericode.error+]
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" class="btn btn-primary"><i class="glyphicon glyphicon-envelope"></i> Отправить</button>
</div>
</div>
</form>
</div>
</div>
</div>`
&errorClass=` has-error`
&requiredClass=` has-warning`
&subject=`Новое сообщение`
&messagesOuterTpl=`@CODE:<div class="alert alert-danger" role="alert">[+messages+]</div>`
&errorTpl=`@CODE:<span class="help-block">[+message+]</span>`
!]