如何只允许html表单中的文本框中的预定值

时间:2013-05-15 03:11:21

标签: html forms

我有一个值列表,我只希望将其输入到html表单中的文本框中以便执行操作。该操作将最终用户带到某个网页。但我希望最终用户只输入某些值。他们可以被允许输入其他内容,但他们会收到通知/警告他们输入了错误的代码。

预定值列表中的三个可以说是这样的

GGG01,OOO03和MTM02

正如我所说的那样,最终用户应该被允许输入任何内容,但只有当他们输入这三个代码中的一个时才会被带到特定的网页。我已经尝试过验证脚本,似乎没有任何工作。我在这里遗漏了一些东西,我打赌这很容易。

这是我尝试的但是密码字段无法正常工作。请帮忙。提前谢谢。

<?xml version="1.0" encoding="utf-8"?>

<!DOCTYPE html
   PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd" >

<html xmlns="http://www.w3.org/1999/xhtml">
  <head>
    <title>
      Example for Validator
    </title>
    <style type="text/css" xml:space="preserve">
BODY, P,TD{ font-family: Arial,Verdana,Helvetica, sans-serif; font-size: 10pt }
A{font-family: Arial,Verdana,Helvetica, sans-serif;}
B { font-family : Arial, Helvetica, sans-serif; font-size : 12px;   font-weight : bold;}
.error_strings{ font-family:Verdana; font-size:10px; color:#660000;}
</style><script language="JavaScript" src="gen_validatorv4.js"
    type="text/javascript" xml:space="preserve"></script>
  </head>
  <body>
    <form action="" name="myform" id="myform">
      <table cellspacing="2" cellpadding="2" border="0">
        <tr>
          <td align="right">
            First Name
          </td>
          <td>
            <input type="text" name="FirstName" />
          </td>
        </tr>
        <tr>
          <td align="right">
            Last Name
          </td>
          <td>
            <input type="text" name="LastName" />
          </td>
        </tr>
        <tr>
          <td align="right">
            EMail
          </td>
          <td>
            <input type="text" name="Email" />
          </td>
        </tr>
        <tr>
          <td align="right">
            Password
          </td>
          <td>
            <input type="text" name="pwd1" />
          </td>
        </tr>
        <tr>
          <td align="right">
            Address
          </td>
          <td>
            <textarea cols="20" rows="5" name="Address"></textarea>
          </td>
        </tr>
        <tr>
          <td align="right">
            Country
          </td>
          <td>
            <select name="Country">
            <option value="" selected="selected">
              [choose yours]
            </option>
            <option value="008">
              Albania
            </option>
            <option value="012">
              Algeria
            </option>
            <option value="016">
              American Samoa
            </option>
            <option value="020">
              Andorra
            </option>
            <option value="024">
              Angola
            </option>
            <option value="660">
              Anguilla
            </option>
            <option value="010">
              Antarctica
            </option>
            <option value="028">
              Antigua And Barbuda
            </option>
            <option value="032">
              Argentina
            </option>
            <option value="051">
              Armenia
            </option>
            <option value="533">
              Aruba
            </option></select>
          </td>
        </tr>
        <tr>
          <td align="right"></td>
          <td>
            <div id="myform_errorloc" class="error_strings">
            </div>
          </td>
        </tr>
        <tr>
          <td align="right"></td>
          <td>
            <input type="submit" value="Submit" />
          </td>
        </tr>
      </table>
    </form><script language="JavaScript" type="text/javascript"
    xml:space="preserve">//<![CDATA[
//You should create the validator only after the definition of the HTML form

    function DoCustomValidation()
{
  var frm = document.forms["myform"];
  if(frm.pwd1.value != frm.pwd2.value)
  {
    sfm_show_error_msg('The Password and verified password does not match!',frm.pwd1);
    return false;
  }
  else
  {
    return true;
  }
}

  frmvalidator.setAddnlValidationFunction(DoCustomValidation);
//]]></script>
  </body>
</html>

1 个答案:

答案 0 :(得分:0)

我认为我们正在寻找没有连接到数据库的选项(这会使答案更长)。为了让您了解一个方向和一个特定的选项(这可能不是您的情况最有利或最有效的选择):

首先,form代码应具有method属性。

<form action="confirm.php" method="POST" name="myform" id="myform">

然后您可以访问它并稍后进行条件语句。例如,如果一个人在LastName部分输入了你想要的某个单词并提交了它,你可以让它去confirm.php,其中包括以下脚本(如果用户输入某个值,它将评估,并根据值,用户将被重定向到不同的页面):

if ($_POST['LastName']=="GGG01"){
    header("nameofnewwebsite.php");
}else{
    header("nameofanotherwebsite.php");
}