一个MAC的输入框，一个UUID的输入框，怎么实现“添加”按钮的功能，并且对这两个输入框进行空值判断？求大神

其实我没太看明白楼主的意思，是想实现这样的效果吗？<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>add</title>
<script>
function check() {
var form = document.forms[0];
if (form.mac.value == '') {
alert('请填写MAC');
form.mac.focus();
return false;
}
if (form.uuid.value == '') {
alert('请填写UUID');
form.uuid.focus();
return false;
}
return true;
}
</script>
</head>
<body>
<form action="xxx" onsubmit="return check()">
MAC:<input type="text" name="mac" />
UUID:<input type="text" name="uuid" />
<input type="submit" value="添加" />
</form>
</body>
</html>

解决方案 »

  1.   

    document.getElementById(id).value.length>0
    试试
      

  2.   

    首先非常感，谢你们细心的指导。我是想让点击“添加”之后实现把mac和UUID的值都保存到数据库中,保存数据的功能已经写好，但是我现在的情况是点击“添加”按钮的时候保存不到数据库，也没有添加失败的提示
      

  3.   

    2楼说了控制判断的方法。保存数据的功能已经写好？那你提交的时候，后台是不是能接收到正确的数据？你点击添加，是会触发表单提交吗？如果是表单的话，你的保存成功的提示，就会在页面刷新之后出现，那你就看看如何添加一个标示，在新加载页面时，记录是不是刚添加过数据。一般这个时候，都不会再返回原来的页面了吧/或者，你这里可以使用ajax进行提交，再回调函数内，提示是不是保存成功。
      

  4.   

    你的数据是如何提交的？直接form.submit()？还是通过ajax提交？加了name属性没有？页面脚本有没有报错（看看浏览器脚本控制台）？确实提交了吗（通过浏览器F12开发人员工具网络捕获可以看到http请求数据）？服务器端程序如何取值的？有没有取到（输出点日志调试一下）？数据库操作有没有报错（加点异常处理）？……大概就按这个思路来查了