<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Form Validation</title>
<style type="text/css">
*{
padding:0;
margin:0;
}
.message p{
color:red;
visibility:hidden;
}
</style>
</head>
<body>
<div class="message">
<p>Your username and password cannot be empty</p>
用户名:<input type="text" name="username" value="" placeholder="">
<br /><br />
密 码:<input type="password" name="password" value="" placeholder="">
<br /><br />
<button id='login'>login</button>
</div>
</body>
<script src="./jquery.min.js" charset="utf-8"></script>
<script type="text/javascript">
$(function(){
$('.message input').focus(function(){
$('.message p').css('visibility','hidden');
})
$('#login').click(function(){
var username = $('.message input[name=username]').val();
var passwd = $('.message input[name=password]').val();
if((!username)||(!password)){
$('.message p').css('visibility','visible');
}
})
})
</script>
</html>
form validation
Guess you like
Origin http://43.154.161.224:23101/article/api/json?id=326055720&siteId=291194637
Recommended
Ranking