当表单提交时先触发验证的js代码，当验证表单的方法返回true时才会提交表单返回false则不提交数据
<script type="text/javascript">
function checkIP(){//js表单验证方法
var text=document.getElementById("url").value;//通过id获取需要验证的表单元素的值
if(text==""){//当上面获取的值为空时
alert("不能为空哦！");//弹出提示
return false;//返回false（不提交表单）
}
return true;//提交表单
}
</script>
<FORM METHOD=POST ACTION="" name="ipform" onsubmit="return checkIP();">
<!--使用onsubmit方法进行表单验证-->
<input type="text" id="url" name="ip" size="15" maxlength="50" value="" />
<input type="submit" name="button" value="查询" /></FORM>
定义和用法
onsubmit 事件会在表单中的确认按钮（type="submit"）被点击时发生。
js表单提交，判断文本框，用户名密码是否为空，JS表单检测!
原文：http://www.cnblogs.com/houji/p/5190907.html