Estou realizando a validação de data para dois campos <input type="text">
com o jQueryFormValidator
:
$.validate({
modules : 'date'
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.1.47/jquery.form-validator.min.js"></script>
<form>
<input type="text" class="form-control" name="Tdesl" maxlength="10" data-validation="date" data-validation-format="dd/mm/yyyy" placeholder="dd/mm/aaaa" OnKeyPress="formatar('##/##/####', this)" id="Cdesl22"></label>
<input class="form-control" type="text" data-validation="date" data-validation-format="dd/mm/yyyy" maxlength="10" placeholder="dd/mm/aaaa" OnKeyPress="formatar('##/##/####', this)" name="Tinsem3" id="Cinsem"></label>
</form>
Mas não consigo fazer com que, ao serem validados esses campos, que um botão (<button="button">
não é um submit
) seja habilitado.
Segundo algumas respostas que vi no SOen, o jQueryFormValidator
não tem suporte nativo pra esta função, então estou tentando adaptar esse script (o link é do FIDDLE, mas achei pelo SOen):
$('#myform > input').on('input', function () {
var empty = false;
$('form > input, form > select').each(function () {
if ($(this).val() == '') {
empty = true;
}
});
if (empty) {
$('#register').attr('disabled', 'disabled');
} else {
$('#register').removeAttr('disabled');
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form id="myform">Username
<br />
<input type="text" class="class" id="user_input" name="username" />
<br />Password
<br />
<input type="password" id="pass_input" name="password" />
<br />Confirm Password
<br />
<input type="password" id="v_pass_input" name="v_password" />
<br />Email
<br />
<input type="text" id="email" name="email" />
<br />Birthday
<br />
<input type="date" id="bday" name="birthday" />
<br />Sex
<br />
<select name="sex" id="sex">
<option>Male</option>
<option>female</option>
</select>
<input type="submit" id="register" value="Register" disabled="disabled" />
</form>
Contudo, este script requer que todos os campos input
sejam preenchidos, e preciso que sejam apenas dois (existem mais campos no formulário, e preciso que apenas dois deles sejam observados). Tentei criar uma classe pra aplicar nestes dois campos, mas acho que não fiz direito:
$('#myform > .classinput').on('input', function () {
Além disso, este script usa o type date
, enquanto no meu caso estou utilizando campos do type text
, mas que estão sendo validados para data, então se fosse possível utilizar o resultado da validação (pra habilitar o botão) seria o ideal, mas senão der pode ser apenas com as regras básicas, tipo aceitar para o dia no máximo 31, no mês 12, no ano 2015, etc.