我有这个文本框:
<td width="10%"><input name="date" type="text" size=11 maxlength=10 /></td>
在字段中键入日期时,必须在其中添加正斜杠,如09/02/2016
答案 0 :(得分:1)
您可以使用JS OR jQuery在PHP中执行相同的功能。
替换
<input name="date" type="text" size=11 maxlength=10 />
要
<!-- SET type="date" -->
<input type="date" name="date">
jQuery 代码: -
//Put our input DOM element into a jQuery Object
var $jqDate = jQuery('input[name="date"]');
//Bind keyup/keydown to the input
$jqDate.bind('keyup','keydown', function(e){
//To accomdate for backspacing, we detect which key was pressed - if backspace, do nothing:
if(e.which !== 8) {
var numChars = $jqDate.val().length;
if(numChars === 2 || numChars === 5){
var thisVal = $jqDate.val();
thisVal += '/';
$jqDate.val(thisVal);
}
}
});
希望它会对你有所帮助:)。
答案 1 :(得分:0)
这个很痒!这就是我如何工作,虽然它不完整,因为您需要检查何时删除一个数字
<input type="hidden" id='counter' value='0'>
<input name="date" id='date' type="text" size=11 maxlength=10 onkeydown="doDate()"/>
<script>
function doDate(){
var dateSoFar = document.getElementById("date");
var counter = parseInt(document.getElementById("counter").value);
counter = counter+1;
document.getElementById("counter").value = counter;
if(counter == 3 || counter == 5 )
document.getElementById("date").value = document.getElementById("date").value + '/';
}
</script>
答案 2 :(得分:0)
试试这个,
<input name="date" id='date' type="text" size=11 maxlength=10 onkeydown="updateDate()"/>
<script>
function updateDate(){
var dateSoFar = document.getElementById("date");
var counter = dateSoFar.value.length;
if(counter == 2 || counter == 5 )
document.getElementById("date").value = document.getElementById("date").value + '/';
}
</script>