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>