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>