一个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>

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

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

 onclick="return isEmpty()">

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