0
我需要我的jQuery验证表单的一些帮助。除了错误文本框部分的突出显示之外,我设法让所有内容都能正常工作。我需要以下几种情况发生:jQuery表单验证 - 突出显示定时器上的字段
每当某个字段的规则被破坏时,该字段必须对其应用黄色背景颜色3秒;然后它变回白色。有人可以帮助我吗?
这里是我的代码在的jsfiddle: http://jsfiddle.net/dawidspamer/qmY5j/
或
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
<script ></script>
<script type="text/javascript">
$(document).ready(function() {
$("#form1").validate({
rules: {
name: {
required: true,
minlength: 3
},
date: {
date:true
},
email: {// compound rule
required: true,
email: true
},
url: {
url: true
},
},
messages:
{
name: {
minlength: jQuery.format("At least {0} characters required.")
}
}
});
});
</script>
<style type="text/css">
* { font-family: Verdana; font-size: 11px; line-height: 14px; }
.submit { margin-left: 125px; margin-top: 10px;}
.label { display: block; float: left; width: 120px; text-align: right; margin-right: 5px; }
.form-row { padding: 5px 0; clear: both; width: 700px; }
label.error { width: 250px; display: block; float: left; color: red; padding-left: 10px; }
input[type=text], textarea { width: 250px; float: left; }
textarea { height: 50px; }
</style>
</head>
<body>
<form id="form1" method="post" action="">
<div class="form-row"><span class="label">Name *</span><input type="text" name="name" /></div>
<div class="form-row"><span class="label">Birthdate </span><input type="text" name="date" /></div>
<div class="form-row"><span class="label">E-Mail *</span><input type="text" name="email" /></div>
<div class="form-row"><span class="label">Home page</span><input type="text" name="url" /></div>
<div class="form-row"><input class="submit" type="submit" value="Submit"></div>
</form>
</body>
</html>
我不知道从哪里开始就这个问题和希望有人能帮助我与此有关。我非常感谢所有的帮助。