2 qq 16151201 qq_16151201 于 2016.05.06 13:59 提问

一个form表单一个submit

JSP内如下,执行的时候不校验数据, 直接就跳转了,想使用纯JS 可以校验数据吗?

还是只有把**onclick="isEmpty()"** 换成ID,然后使用ajax进行校验?

 <script type="text/javascript" >
function trim(s) {   
    var count = s.length;   
    var st    = 0;       // start   
    var end   = count-1; // end   
    if (s == "") return s;   
    while (st < count) {   
      if (s.charAt(st) == " ")   
        st ++;   
      else  
        break;   
    }   
    while (end > st) {   
      if (s.charAt(end) == " ")   
        end --;   
      else  
        break;   
    }   
    return s.substring(st,end + 1);   
  } 
//增加用户判断
 function isEmpty(){   
     //form1是form中的name属性   
     var form = document.form;   
     if(trim(form.name.value)==""){   
         alert("用户名不能为空!");           
         return false;    }   
     if(trim(form.age.value)==""){   
         alert("年龄不能为空!");           
         return false;   }   
     return true;
 }    
</script>
</head>
<body>
  <div>用户信息</div>
        <form name="form" action="/add1User.do" method="post">
            <div>
                <label>姓名:</label>
                <input type="text" name="NAME" >
            </div>
            <div >
                <label>年龄:</label>
                <input type="text" name="AGE" >
            </div>
            <div>
            <input type="submit"
            value="保存"   onclick="isEmpty()">
            <input type="reset" value="清除">            
            </div>
        </form>
</body>
</html>

3个回答

qq_34052944
qq_34052944   2016.05.06 15:05
已采纳

form表单中添加onSubmit事件,onSubmit="return isEmpty()",点击保存后,先执行isEmpty方法,返回值为true提交表单。
望采纳

qq_16151201
qq_16151201 谢谢 如果我要换成简单的input 不使用form表单应该怎么设置? 例如这种<input id="btn_saveUser" onclick="isEmpty()" type="button" value="保存" /> 我使用jQuery绑定一个id点击事件,执行保存操作。 但是我jsp内使用上面这种方式进行判断 这样点击按钮能实现先先执行isEmpty方法,返回值为true提交表单吗。
一年多之前 回复
showbo
showbo   Ds   Rxr 2016.05.06 14:25

onclick要return 返回isEmpty的值才行,要不onclick没有返回值当然是直接提交表单了

 onclick="return isEmpty()">
qq_30408111
qq_30408111   2016.05.06 18:03

你在js里运行之后,要返回一个值,这样才可以进行你想要进行的操作

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!