jsp <input type=" text" name="123"/>怎么进行非空验证,并显示在后面

不是提示那种... 不是提示那种 展开
 我来答
sunjinfu1987
推荐于2018-02-28 · TA获得超过3151个赞
知道大有可为答主
回答量:1218
采纳率:72%
帮助的人:411万
展开全部

一般在

<input type=" text" name="123"/>后还会有个错误提示信息的span或者div

<span style="display:none" id="errorMsg"/>这个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();
    }
}
zhang779896660
推荐于2016-11-09 · TA获得超过701个赞
知道小有建树答主
回答量:717
采纳率:100%
帮助的人:339万
展开全部
非空的话 服务器端也能做, 不过最好是在本页面就做, 因为只是非空验证, 用javascript 做很简单
注意 name这种属变量名,一定要有规范,字母开头, 不要想当然,瞎写, 显得的没编程素质

<input type=" text" name="n123" id="n123"/><span id="msg"></span>

<head>
<script type="text/javascript">
function vali(){
var n= document.getElementById("n123").value;
if(n==""){
document.getElementById("msg").html("此文本框不能为空");
}
}
</script>
</head>

你只要找个时机调用 vali(); 方法就可以了,

一般两种:
1、 文本框 onblur 失去焦点
2、 onsubmit 提交的时候 调用
追问
name值有规范,我知道的,在这随便敲的;用onsubmit提交时,为空时也能通过,这个需要怎么弄?我是新手
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
精灵只路过
2013-08-27 · TA获得超过2144个赞
知道小有建树答主
回答量:619
采纳率:100%
帮助的人:658万
展开全部
其实 zhang779896660 已经回答的很不错了,不过可能需要调整一下。防止在验证不通过时提交。
function vali(){
var n= document.getElementById("n123").value;
if(n==""){
document.getElementById("msg").html("此文本框不能为空");
//alert("此文本框不能为空"); //你也可以用弹出框的形式提示。
return; //这一点很关键,添加个return可以防止后续的提交过程。
}
}
追问
嗯嗯,不错的;但return false;提交还是能通过的,起不到验证的作用
追答
是return; 而不是return false; 而且vali()方法是放到onSubmit事件当中调用的 这里return是在这里终止执行的意思,而不是返回数据。
本回答被网友采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(1)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式