一般在
后还会有个错误提示信息的span或者div
这个span在页面刚打开的时候默认是不显示的。当js在校验到input输入域为空的时候,就找到对应的input后面的span,将错误信息填充在span中,并将span置为可见。当用户输入input的之后提交表单,js又将span清除内容隐藏。
比如用jquery校验
function valid(){
//获取name为123对应的input输入框中的值
var val = $("input[name=123]").val();
if(val == '' || $.trim(val) == ''){
//如果val为空或者空格,将错误消息显示在对应span
$("#errorMsg").html('不能为空');
//让span显示出来
$("#errorMsg").show();
}
}
非空的话 服务器端也能做, 不过最好是在本页面就做, 因为只是非空验证, 用javascript 做很简单
注意 name这种属变量名,一定要有规范,字母开头, 不要想当然,瞎写, 显得的没编程素质
其实 zhang779896660 已经回答的很不错了,不过可能需要调整一下。防止在验证不通过时提交。
function vali(){
var n= document.getElementById("n123").value;
if(n==""){
document.getElementById("msg").html("此文本框不能为空");
//alert("此文本框不能为空"); //你也可以用弹出框的形式提示。
return; //这一点很关键,添加个return可以防止后续的提交过程。
}
}