Question

我使用了birthday plugin并编写了下面的代码，但即使我离开此部分而没有进入生日，它也允许我继续。

如何创建此字段？

HTML：

<!DOCTYPE html>
<meta charset="utf-8">
<html>
<head>
<title>birthday picker</title>
<link rel="stylesheet" type="text/css" href="jquery.datetextentry.css">
<script src="jquery-3.1.1.min.js"></script>
<script type="text/javascript" src="jquery.datetextentry.js"></script>
</head>
<body>
<label>Date of birth</label>
<input id="date7" type="text" name="date7" required >
<script type="text/javascript" src="js.js"></script>
</body>
</html>

JavaScript的：

$('#date7').datetextentry({
    min_year         : '2000',
    max_date         : function() { return this.get_today(); },
    max_date_message : 'Date must not be in the future'
});

Answer 1

您必须在按钮点击事件中使用Jquery验证：

Checkout The Snippest：这可能会有所帮助

＆＃13;

$(function(){
    $('#date7').datetextentry({
    min_year         : '2000',
    max_date         : function() { return this.get_today(); },
    max_date_message : 'Date must not be in the future'
});
$("#btn").click(function(){
	if($("#date7").val() != ""){
    alert("Success Validate");
}	else{
alert("Empty");
}
});

});

＆＃13;

<link href="https://grantm.github.io/jquery-datetextentry/jquery.datetextentry.css" rel="stylesheet"/>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="https://grantm.github.io/jquery-datetextentry/jquery.datetextentry.js"></script>

<label>Date of birth</label>
<input id="date7" type="text" name="date7" required="required" >
<input type="submit" id="btn" />

＆＃13;

Answer 2

使用if语句 - 如果日期小于今天的日期，则继续其他不做任何返回false -

ng-repeat

在HTML / JS中创建生日选择器字段

2 个答案: