시간과 날짜 입력 필드

Question

$("#tym").keydown(function() { 
 
    if (!($(this).val())) { 
 
    $('#error5').html('<p style="color:red;font-size:14px;"align="center">Enter time</p>'); 
 
    } else { 
 
    $('#error5').html(''); 
 
    } 
 
}); 
 

 
$('#sal').keyup(function() { 
 
    if (!($(this).val())) { 
 
    $('#error6').html('<p style="color:red;font-size:14px;"align="center">Enter salary</p>'); 
 

 
    $('#sal').focus(); 
 

 
    } else { 
 
    $('#error6').html(''); 
 
    } 
 
}); 
 

 
$('#sald').keyup(function() { 
 
    if (!($(this).val())) { 
 
    $('#error7').html('<p style="color:red;font-size:14px;"align="center">Enter Salarydate</p>'); 
 

 
    $('#sald').focus(); 
 

 
    } else { 
 
    $('#error7').html(''); 
 
    } 
 
});

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
 
    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> 
 
    </br> 
 
    </br> 
 

 

 
    <form method="POST" align="center" id="ins"> 
 
    </br> 
 

 

 
    <label>Available Time:</label> 
 
    <input type="time" name="availabletime" id="tym" /> 
 
    <span id="error5"></span> 
 
    <br/><br/> 
 

 
    <label>Salary:</label> 
 
    <input type="text" name="amount" id="sal" /> 
 
    <span id="error6"></span> 
 
    <br/><br/> 
 

 
    <label>Salary Date:</label> 
 
    <input type="date" name="salarydate" id="sald" /> 
 
    <span id="error7"></span> 
 
    <br/><br/> 
 
    </br> 
 
    <input type="submit" name="submit" value="Enter" /> 
 
    </form>\

에 대한 오류 메시지를 숨기기

컨텍스트 : 이 작동되는 양식 validation.The 확인을위한 코드입니다하지만 난 시간과 날짜에 대한 오류 메시지를 숨기려면 해당 필드를 클릭하십시오. 다른 모든 feilds 유효성 검사는 오류 메시지 숨기기를 포함하여 작동합니다. 나는 mouseup으로 function keydown을 변경했으나 작동하지 않았습니다. 시간 및 날짜 입력 필드에 대해 keyup과 같은 기능이 있습니다.

Answer 1

당신은 입력이

$("#tym").on("input", function() { 
    if (!($(this).val())) { 
    $('#error5').html('<p style="color:red;font-size:14px;"align="center">Enter time</p>'); 
    } else { 
    $('#error5').html(''); 
    } 
}); 

을 변경 할 때 오류 처리를 호출 할 input event 사용할 수 있습니다