JavaScript效果备忘录之输入后显示提示

效果图：

实现方式：

在每个input标签后加上一个span

<label for="key8" class="control-label">出让年限：</label>
<div class="controls">
	<input id="key8" name="key8" type="text" placeholder="出让年限" /><span class="error"></span>
</div>

 

插入JavaScript代码：

<script type="text/javascript">
	$(document).ready(function() {
		$("#key1").focus();
		/*$("#inputForm").validate({
			submitHandler : function(form) {
				loading('正在提交，请稍等...');
				form.submit();
			}
		});*/
		for(var i=1;i<10;i++){
			$("#key"+i).change(function(i) {
				var v=this.value;
				var html="";
				if (this.id == "key8") {
					html = "保证金：" + v;
				}
				$(this).parent().find("span").text(html);
			});
		}
	});
</script>