Question

怎样用JS实现判断输入框为空不可保存

Answer 1

实现的大致思路是先获取到该输入框的值，然后判断该输入框的值是否为空，如果为空直接给出不能为空的相关提示，如果不为空在进行保存等下一步操作。

工具原料：编辑器、浏览器

1、首先设置保存按钮的的点击事件，点击时触发获取输入框的值进行是否为空判断，为空则提示，不为空进行保存操作，简单的代码示例如下：

<script>
		$(function(){
			$('btn').click(function(){//给保存按钮绑定点击事件
				var value =$('input').val();//获取输入框的值
				if(!(value=='')){//进行值的判断
					alert("不能为空");
				}else{
					//保存逻辑
				}
			})
		})
	</script>

2、执行的结果是输入为空点击按钮会提示不能为空，否则则进入保存的逻辑。

Answer 2

var _val = document.getElementById("文本框id").value；
if(_val=""){
document.getElementById("文本框id").focus();
}

Answer 3

<form id="target" action="destination.html">
<input type="text" id="username" />
<input type="submit" value="Go" />
</form>
$('#target').submit(function() {
var isSubmit=false;
var userstr=$("#username").val();
if（userstr!=""）｛
isSubmit="true";
｝
return isSubmit;
});

});

Answer 4

focus()方法，聚焦的意思~！当焦点离开输入框的时候，你判断下，要是等于null你就alert一下，然后从新聚焦到输入框就可以了

追问

有具体的代码例子没！

追答

不好意思。。。上班ing。。。偷偷给你回的，代码真的没时间写出来~呵呵

Answer 5

<script type="text/javascript">
function check(){
var name=document.getElementById('name').value;//用户名
if(name==""){
alert('用户名不能为空');
document.baseForm.name.focus();
}else{
document.baseForm.submit();
}
}
</script>

<form id="baseForm" name="baseForm"
action="xxx.action" method="post"
onkeydown="javascript: if (event.keyCode == 13){return check();}">

<input id="name" name="name" type="text" />

<input type="button" value="提交" onclick="check();"/>
</form>