问题简单,分不少,帮我在表单提交前加个判断.

我是WEB开发的门外汉,啥都不懂,希望这里的兄弟姐妹帮帮忙.
下面的代码请增加一些代码,以便在提交前判断用户输入是否合法,比如长度是否够,电邮格式是否正确
如果不正确,弹出一个提示,并在用户点击确定后把焦点定位在该输入框上.
如果正确就是提交出去.
第一个输入框要求不少于3个字符(中英都可以),第二个输入框是电邮.
谢谢!!!================================ 网页开始 ===============================================<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
 </HEAD> <BODY>
   <td align="left">
<form action="https://www.paypal.com/cgi-bin/webscr" method="post">
<input type="hidden" name="cmd" value="_s-xclick">
<input type="hidden" name="hosted_button_id" value="V8DADRA2349GE">
<table width="100%" border="0">
<tr>
<td width="40%">
<table width="100%" align="left">
<tr><td width="100%"> <input type="hidden" name="on0" value="Company Name"><strong><span class="STYLE1">*</span>Company Name:</strong><br />
Not less than 3 characters.</td></tr>
<tr><td><input type="text" name="os0" maxlength="250"></td></tr> <tr><td><input type="hidden" name="on1" value="Email"><strong><span class="STYLE1">*</span>Company Email:</strong><br />
We will send License Key to this email.</td></tr>
<tr><td><input type="text" name="os1" maxlength="60"></td></tr> <tr><td><input type="hidden" name="on2" value="Address"><strong>Company Address:</strong></td></tr>
<tr><td><input type="text" name="os2" maxlength="250"></td></tr> <tr><td><input type="hidden" name="on3" value="Phone"><strong>Company Phone:</strong></td></tr>
<tr><td><input type="text" name="os3" maxlength="60"></td></tr>
</table> </td>
<td align="left" valign="bottom">
<input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
<img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
</td>
</tr>
</table>
</form> </td> </BODY>
</HTML>

解决方案 »

  1.   

    你可以跳到后台页面，然后PHP写两个函数处理一下，只是这里的第一个处理有点麻烦，因为中英文都可以不同的编码占得字节数不同！这里跟编码有关，strlen测的长度不一致，第二个函数你就用pre_match匹配一下
      

  2.   

    javascript 搜索一下 非常多的验证模块复制一下直接就能用了 前提是你要能知道怎么用
      

  3.   

    验证代码加到<head>标签中：
    <script type="text/javascript">
    window.onload = function() {
    document.getElementsByTagName('form')[0].onsubmit = function() {
    var companyName = document.forms[0].os0;
    if (companyName.value.length < 3) {
    companyName.focus();
    alert('公司名称长度必须大于3个字符');
    return false;
    }
    var eMail = document.forms[0].os1;
    var patt = /^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
    if (!patt.test(eMail.value)) {
    eMail.focus();
    alert('Company Email格式有误，请重新输入');
    return false;
    }
    return true;
    }
    }
    </script>
      

  4.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
     <HEAD>
      <TITLE> New Document </TITLE>
      <META NAME="Generator" CONTENT="EditPlus">
      <META NAME="Author" CONTENT="">
      <META NAME="Keywords" CONTENT="">
      <META NAME="Description" CONTENT="">
     </HEAD>
    <script language="javascript">
    function check_mail(email) 
    {
    if(email.length <= 0)
    {
    alert("Please input your email.");
    return 1;
    } if (email.search(/^\w+((-\w+)|(\.\w+))*\@[A-Za-z0-9]+((\.|-)[A-Za-z0-9]+)*\.[A-Za-z0-9]+$/) != -1)
    {
    return 0;
    }
    else
    {
    alert("Please enter a valid email.");
    return 2;
    }
    }function check_it()
    {
    if(form_EL.os0.value.length < 3)
    {
    alert("Company name must be at least 3 characters in length.");
    form_EL.os0.focus();
    return false;
    }

    rtn = check_mail(form_EL.os1.value);
    if(rtn != 0){
    form_EL.os1.focus();
    return false;
    }
    return true;
    }
    </script> <BODY>
       <td align="left">
    <form name="form_EL" action="https://www.paypal.com/cgi-bin/webscr" method="post" 
    onsubmit="return check_it();">
    <input type="hidden" name="cmd" value="_s-xclick">
    <input type="hidden" name="hosted_button_id" value="V8DADRA2249GE">
    <table width="100%" border="0">
    <tr>
    <td width="40%">
    <table width="100%" align="left">
    <tr><td width="100%"> <input type="hidden" name="on0" value="Company Name"><strong><span class="STYLE1">*</span>Company Name:</strong><br />
    Not less than 3 characters.</td></tr>
    <tr><td><input type="text" name="os0" maxlength="250"></td></tr> <tr><td><input type="hidden" name="on1" value="Email"><strong><span class="STYLE1">*</span>Company Email:</strong><br />
    We will send License Key to this email.</td></tr>
    <tr><td><input type="text" name="os1" maxlength="60"></td></tr> <tr><td><input type="hidden" name="on2" value="Address"><strong>Company Address:</strong></td></tr>
    <tr><td><input type="text" name="os2" maxlength="250"></td></tr> <tr><td><input type="hidden" name="on3" value="Phone"><strong>Company Phone:</strong></td></tr>
    <tr><td><input type="text" name="os3" maxlength="60"></td></tr>
    </table> </td>
    <td align="left" valign="bottom">
    <input type="image" src="https://www.paypalobjects.com/en_US/i/btn/btn_buynowCC_LG.gif" border="0" name="submit" alt="PayPal - The safer, easier way to pay online!">
    <img alt="" border="0" src="https://www.paypalobjects.com/en_US/i/scr/pixel.gif" width="1" height="1">
    </td>
    </tr>
    </table>
    </form> </td> </BODY>
    </HTML>