0
У меня есть bootstrapdatepicker, и когда я нажимаю, чтобы выбрать дату, моя проверка не работает.Дата начальной загрузки dd.mm.yyyy
Я просто хочу, чтобы моя полевая дата работала идеально, поскольку она работает для формата dd/mm/yyyy.
ли мне нужно создать функцию обратного вызова, или мне нужно просто включить регулярное выражение:
/((?:0[1-9]|[12]\d|3[01])(?=\.(?:0[13578]|1[02]))|(?:0[1-9]|[12]\d|30)(?=\.(?:0[469]|11))|(?:0[1-9]|1\d|2[0-8]|29(?=\.\d{2}\.\d*(?:(?:(?!\d{2}00)(?=\d{2}(?:[13579][26]|[02468][048])))|(?=(?:[13579][26]|[02468][048])00))\d{4}(?!\d)))(?=\.02))\.(\d{2})\.(\d{4,})/,
Моя проверка на сегодняшний день выглядит следующим образом:
<script> var validator = $("#modalCreateMerge").bootstrapValidator({
feedbackIcons: {
valid: "glyphicon glyphicon-ok",
invalid: "glyphicon glyphicon-remove",
validating: "glyphicon glyphicon-refresh"
},
fields: {
Date: {
validators: {
notEmpty: {
message: "Please enter a date"
},
regexp: {
regexp: /((?:0[1-9]|[12]\d|3[01])(?=\.(?:0[13578]|1[02]))|(?:0[1-9]|[12]\d|30)(?=\.(?:0[469]|11))|(?:0[1-9]|1\d|2[0-8]|29(?=\.\d{2}\.\d*(?:(?:(?!\d{2}00)(?=\d{2}(?:[13579][26]|[02468][048])))|(?=(?:[13579][26]|[02468][048])00))\d{4}(?!\d)))(?=\.02))\.(\d{2})\.(\d{4,})/,
message: 'Please provide a concrete date (dd.mm.yyyy)'
},
date: {
format: 'MM/DD/YYYY',
message: 'The date is not a valid'
}
}
},
Client1: {
validators: {
notEmpty: {
message: "Please enter a client"
}
}
},
FCOID1: {
validators: {
notEmpty: {
message: "Please enter a type"
}
}
},
valueMoney: {
validators: {
notEmpty: {
message: "Please enter money value"
}
}
},
valueHR: {
validators: {
notEmpty: {
message: "Please enter HR value"
}
}
},
Status10: {
validators: {
notEmpty: {
message: "Please ente a status"
}
}
},
commentarea: {
validators: {
notEmpty: {
message: "Please provide a comment"
}
}
}
}
});
validator.on("success.form.bv", function (e) {
e.preventDefault();
$('#modalCreateMerge').data('bootstrapValidator').resetForm();
var $form = $(e.target);
// Get the BootstrapValidator instance
var bv = $form.data('bootstrapValidator');
// Use Ajax to submit form data
$.post($form.attr('action'), $form.serialize(), function (result) {
console.log(result);
}, 'json');
});
</script>
Моя форма выглядит следующим образом:
<div class="modal fade" id="modalCreateMerge" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-dismiss="modal">
<span aria-hidden="true">×</span><span class="sr-only">Close</span>
</button>
<h4 class="modal-title" id="myModalLabel">Add pipeline!</h4>
</div>
<div class="modal-body">
<div id="formregister">
<form action="" class="form-horizontal" role="form" id="modalCreateMerge">
<p class="qc-errmsg" style="display: none;"> </p>
<div class="form-group">
<label for="Date" class="col-sm-2 control-label">Date</label>
@*<div class="col-sm-10">
<input type="text" class="form-control" id="datepickerCreateModal1" name="Date" placeholder="dd.mm.yyyy">
</div>*@
<div class="input-group input-append date" id="datepickerCreateModal1">
<input type="text" class="form-control" name="Date" />
<span class="input-group-addon add-on"><span class="glyphicon glyphicon-calendar"></span></span>
</div>
</div>
<div class="form-group">
<label for="Client" class="col-sm-2 control-label">Client</label>
<div class="col-sm-10">
@Html.DropDownList("Client1", (SelectList)ViewBag.Client, "--Choose a client--", new { @class = "form-control", tabindex = "1" })
</div>
</div>
<div class="form-group">
<label for="Field of Co-Op" class="col-sm-2 control-label">Field of Co-Op</label>
<div class="col-sm-10">
@Html.DropDownList("FCOID1", (SelectList)ViewBag.FCOID, "--Choose a type of FCO--", new { @class = "form-control", tabindex = "2" })
</div>
</div>
<div class="form-group">
<label for="valuemoney" class="col-sm-2 control-label">Value Money</label>
<div class="col-sm-10">
<input type="text" tabindex="3" class="form-control" tabindex="3" id="valueMoney" name="valueMoney" placeholder="Value of the pipeline?">
</div>
</div>
<div class="form-group">
<label for="valueHR" class="col-sm-2 control-label">Value HR</label>
<div class="col-sm-10">
<input type="text" tabindex="4" class="form-control" id="valueHR" name="valueHR" placeholder="How many people?">
</div>
</div>
<div class="form-group">
<label for="Status" class="col-sm-2 control-label">Status</label>
<div class="col-sm-10">
@Html.DropDownList("Status10", (SelectList)ViewBag.StatusID, "--Choose Status--", new { @class = "form-control", tabindex = "5" })
</div>
</div>
<div class="form-group">
<label for="Comment" class="col-sm-2 control-label">Comment</label>
<div class="col-sm-10">
<textarea rows="4" cols="50" tabindex="6" class="form-control" name="commentarea" id="commentModal" placeholder="Enter a comment"></textarea>
@*<input type="text" tabindex="6" class="form-control" id="commentModal" name="commentModal" placeholder="Enter a comment">*@
</div>
</div>
<div class="form-group">
<div class="col-sm-offset-2 col-sm-10">
<button type="submit" tabindex="7" value="cart" class="btn btn-primary">Save Changes</button>
<button type="button" tabindex="8" class="close1 btn btn-default" data-dismiss="modal">Close</button>
</div>
</div>
</form>
</div>
<!-- form register -->
<div id="successfulpost" style="font: bold 12px Verdana, Arial, Helvetica, sans-serif; color: #ff0000; display: none;">
<p class="jst-txt">
<span>Thank you,</span> for showing your Interest !!
</p>
<p class="jst-txt">Our property advisor shall get in touch with you very shortly..</p>
</div>
</div>
<!-- model body-->
</div>
</div>
</div>
Возможный дубликат [Regex для подтверждения формата даты dd /mm/yyyy](http://stackoverflow.com/questions/15491894/regex-to-validate-date-format-dd-mm-yyyy) –