• 所有问题

    • js的表单验证问题

    以下是我在HTML页一个提交表单的大致内容,目前已经实现功能:如果name,email,enquiry这3个文本框为空值,则提示需要填入相应内容,如果3个文本框都非空,则提交成功,转到下一页面.
    我想在现在此基础上再加一个函数验证email的正确性(用到正则表达式),并且给出"please correct your email"的提示,哪位高手帮在这段JS代码的基础上扩充一下,以实现验证功能(请顺带加注解,让我好理解).

    请不要随便抄一段JS正则帖进来,那个对我没用,我只想把正则融进现有的代码,并好好体会,谢谢

    <script language="javascript">
    function check()
    {
    if(document.enquiry.name.value=="")
    {
    alert("please fill in your name");
    return false;
    }

    if(document.enquiry.email.value=="")
    {
    alert("please fill in your email");
    return false;
    }
    if(document.enquiry.enquiry.value=="")
    {
    alert("please fill in your enquiry");
    return false;
    }
    }

    <form name="enquiry" onsubmit="return check()" action="sub.asp" method="post">
    <input name="name" type="text" class="textfield" id="name" size="18">
    <input name="email" type="text" class="textfield" id="email" size="18">
    <textarea name="enquiry" cols="85" rows="6" class="textfield" id="enquiry"></textarea>
    </form>

    举报该问题
    推荐答案   2009-04-10
    <html>
    <head>
    <base href="<%=basePath%>">
    <script type="text/javascript">
    function check()
    {
    if(document.enquiry.name.value=="")
    {
    alert("please fill in your name");
    enquiry.name.focus();
    return false;
    }

    if(document.enquiry.email.value=="")
    {
    alert("please fill in your email");
    enquiry.email.focus();
    return false;
    }

    var patrn=/^\w+@\w+\.((com)|(cn)|(com\.cn)|(net))$/;

    var s=document.enquiry.email.value;
    if(!patrn.exec(s)){
    alert("please correct your email");
    enquiry.email.focus();
    return false;
    }

    if(document.enquiry.en.value=="")
    {
    alert("please fill in your enquiry");
    enquiry.en.focus();
    return false;
    }
    }
    </script>
    <title>javascript</title>
    </head>
    <body>
    <form name="enquiry" action="sub.asp" method="post">
    姓名：<input name="name" type="text" class="textfield" id="name" size="18"/> <br/>
    邮箱：<input name="email" type="text" class="textfield" id="email" size="18"/> <br/>
    询问：<textarea name="en" cols="85" rows="6" class="textfield" id="en"></textarea> <br/>
    <input type="submit" value="提交" onclick="return check();">
    </form>
    </body>
    </html>

    非常精确的电子邮箱验证正则表达式....

    已经正常运行并调试....

    楼主可运行试试看...并且添加了输入错误后光标自动回到输入框中...

    还在...心想楼主问这个问题我想楼主的正则表达式一定有所欠缺...

    我还是把我学正则表达式的网址留给楼主把....楼主可以去看一下...

    当然学一下更好...

    http://www.javaeye.com/topic/30728

    如果有什么不懂的可以百度HI问我...帮你解决...

    祝楼主早日成功!!!!
    温馨提示：答案为网友推荐，仅供参考
    其他回答
    第1个回答  2009-04-09
    <html>
    <body>
    <script language="javascript">
    function check()
    {
    if(document.enquiry.name.value=="")
    {
    alert("please fill in your name");
    return false;
    }

    if(document.enquiry.email.value=="")
    {
    alert("please fill in your email");
    return false;
    }

    if(!/^\w+[@]\w+[.]\w+$/.test(document.enquiry.email.value))
    // /^\w+[@]\w+[.]\w+$/ 用该正则来匹配你输入的document.enquiry.email.value的值,如果匹配就返回true,否则false
    // 前面加了个!表示如果不匹配就进入if.
    {
    alert("please correct your email");
    return false;
    }

    if(document.enquiry.enquiry.value=="")
    {
    alert("please fill in your enquiry");
    return false;
    }
    }
    </script>
    <form name="enquiry" onsubmit="return check()" action="sub.asp" method="post">
    <input name="name" type="text" class="textfield" id="name" size="18">
    <input name="email" type="text" class="textfield" id="email" size="18">
    <textarea name="enquiry" cols="85" rows="6" class="textfield" id="enquiry"></textarea>
    <input type="submit" value="提交"/>
    </form>
    </body>
    </html>本回答被提问者采纳
    第2个回答  2009-04-09
    你到底想做什么？
    相似回答
    js验证表单是否安全答：JS验证安全不安全 单纯的说这个问题的话，答案是不安全。因为在客户端进行的验证相当于“让用户自己验证自己”，很明显是不靠谱的。你不能避免一些恶意用户人为的修改自己的表单进行欺骗，也不能避免第三方对表单进行截获后进行篡改再提交。所以说，从安全的角度来说，单纯的依靠js验证，是不安全的，任何...
    JS验证表单,没起作用答：1、document.getElementsByName("username")返回的是一个数组，得到所有指定name值的节点，所以要用document.getElementsByName("username")[0]，表示得到的第一个name值为username的节点；2、要使用文本框的value（值）来判断文本框是不是为空，所以要先获取值，即x.value；3、判断文本框的值是不是为...
    我的js表单验证时,无法在浏览器中弹出警示框,求大神解答?答：错误一、var uemail = document.getElementsByName("useremail")[1].value;这里小标取错了，只有一个name等于useremail的，所以下标是0，而不是1。错误二、form标签的onsubmit事件当不加上return，就算是验证不通过也会提交数据，所以onsubmit应该是：onsubmit="return userCheck()"。具体代码如下：<!D...
    大家正在搜
    js进行表单验证的目的是js表单验证为什么提示不出来js表单验证代码javascript表单验证javascript表单验证提交js用户注册表单验证用正则表达式进行表单验证正则表达式表单验证jquery表单验证提交