Question

js实现页面提交验证输入信息是否为空

<s:form action="add">
<s:textfield label="用户名" name="username"></s:textfield>
<s:password label="密码" name="password"></s:password>

<s:textfield label="身份证号" name="shenfenzhenghao" ></s:textfield>
<s:textfield label="真实姓名" name="realname"></s:textfield>
<s:textfield label="权限" name="quanxian" value="user" readonly="true" ></s:textfield>
<s:submit value="提交"></s:submit>
<s:reset value="重置"></s:reset>
</s:form>

1）添加用户时候，如果是用户名为空有提示，不能添加。如何写代码。

2）还有就是js这种判断方式是在点提交按钮前判断好了还是提交之后判断如果不正确再返回本页面？
如果我想要提交前就能判断好实现么（就是我想要个判断用户名注册输入用户名时候就已经能提示此账号已经注册。如果好实现，我就做这个功能，如果不好实现就不做这个功能）？

求大神帮忙。。js没有基础。。。。
实在没积分了。。。前几天提问没看自己积分，不知不觉全用光了。。。。。。。

Answer 1

1、form 有个onsubmit 事件，<s:form action="add" onsubmit='check();'> 在check方法中可以写验证方法，最终如果返回false,那么表单就不会被提交，返回true才会提交到action中

2、onsubmit 事件验证是点击提交之后在js本页面验证，验证通过才会提交到action中，如果要想判断用户名是否已注册，则不能通过这种方法了，因为在本页面是无法判断你的用户名是否已经在数据库中的，要做账号是否注册的验证有两种方法、
第一种是在输入用户名后，用户名输入框失去焦点时，使用ajax将用户名传递到后台的验证方法中进行验证，然后根据返回结果，进行提示比如alert（），或者在用户名输入框后 显示文字用户已注册之类，并且提交验证中不允许提交、
第二种是将form提交到action中判断，不能注册就返回本页面在进行提示

追问

function check()
{
if(form1.username.value==null)
}
alert("请填写用户名！");
form1.username.focus();
return false;
}

return true;
}