Question

JS表单验证

我写了个表单验证 用的都是onBlur来验证是否输入有误且都写好了

我想达到新浪这种效果 就是点击提交后会重新全部验证一遍 请问该怎么写?

Answer 1

给form 加个事件onsubmit="return check()"
写一个JS判断,把你的判断写在JS里，如果不符合要求返回个 false就行

追问

就是这个判断不会写..

可以写个简单的例子吗..?

追答

好你等下！

function check()
{
name=document.getElementById("name").value;
if(name=="")
{
alert("请输入姓名！")
return false;
}
var count = 0;
aihao=document.getElementsByName("aihao")

for(i=0;i

姓名 ：

爱好 看书
上网、

我只写了两个其它的你自己写吧，方法就是这样的！

追问

我的提示信息都已经写好了 每个提示的位置和不同的文本都不同
现在需要解决的是 点击提交时重新再全部检测所有的输入框 如果有错误 该怎么提示就怎么提示 这样就防止了在不触发onfocus onblur的提交时也能提示错误

你这个例子貌似没解决我的问题.. 能再帮忙想想办法吗? 真心感谢了!

追答

你把提示信息改一下就行了！或者亲代码把个包发过来吧！企饿11092，11488

Answer 2

你失去焦点验证写好了，就点击注册再验证一边，把验证的代码封装好，然后返回一个bool值判断是否通过验证，然后如果全部通过就提交表单，否则就不提交表单

追问

大概听懂什么意思了..

能写个简单的例子吗? 感激不尽

追答

<script type="text/javascript"> 

        function ComfirmPhone() {

            var zz = /0?\\d{11}/g;

            var phone = $('phone').val();

            var flag = zz.test(phone);

            return flag;

        }

        function ComfirmPwd() { ...}

        function ComfirmInter(){...}

        function ComfirmCode(){...}

        function formSubmit(){

            var flag1=ComfirmCode();

            var flag2=ComfirmInter();

            var flag3=ComfirmPhone();

            var flag4=ComfirmPwd();

            if(flag1&flag2&flag3&flag4){

                return true;

            }

            else{

                return false;

            }

        });

    </script>

  <input type="submit" value="注册" onclick="return formSubmit()" />

追问

这是我的代码

function checkUser(va){

*****************

} 

这是加的代码 onclick我也写了

按照你的加还是没成功.. 请问我哪里加错了吗?

追答

你就检测一个么？ ，你说的没成功 是哪里没成功？是提交之后 没有验证成功？也就是说 你checkuser没有验证成功 还是提交 了？

追问

测试一个跟测试多个有区别么.. 正常的点了提交后应该是这样 如果成功 也会有提示出来的

但现在我点了提交 如果是空表单 就什么反应也没有

追答

那你判断不通过之后页面刷新了没有呀？如果不刷新就是对了 没有提交表单，如果还是刷新了 那你最好一个一个alert每个判断的bool值结果看看那个有错， 你最好能把你写的代码给我看下 ，不然真说不清楚了 ，很有可能是你哪里写错了