试图从JavaScript表单中显示信息

时间:2011-04-27 13:10:02

标签: javascript forms

刚刚开始上课项目,我无法弄清楚下一步该做什么。

我有一个正在使用JavaScript验证的表单。这是通常的信息,名称,cc#电子邮件等。

我能找到的唯一关键点就是如何让表单首先验证,我已经完成了。

现在我需要做的就是弄清楚如何获取我捕获的信息以显示在确认页面中。如果有帮助,我不需要任何服务器端验证。

到目前为止,这是该页面的链接(http://sulley.dm.ucf.edu/~ph652925/dig3716c/assignment4/dinner.html)

任何指针或参考?

4 个答案:

答案 0 :(得分:0)

<?php
print_r($_REQUEST);
?>

将打印PHP回调从表单中获取的任何值。

= H =

答案 1 :(得分:0)

您可以尝试使用GET参数转发信息:

link.to.new.page.html?param=value&param2=value2

等...

答案 2 :(得分:0)

看起来你正在使用PHP。如果你确定你不想要任何类型的验证,那么输出表单上的内容(对它的外观有一定程度的控制)的最简单方法是在PHP中使用POST全局变量:

<?php
$firstname = $_POST['firstName'];
// etc etc for the other fields
?>

然后,您可以使用这些变量输出您想要的任何内容。 HTML字段的'name'属性对应于上面PHP代码中方括号内的内容。

答案 3 :(得分:0)

首先,我想指出,如果您正在使用任何服务器端应用程序,那么在对其进行任何操作之前,您应该绝对验证服务器脚本上的输入。客户端验证是真正意图使用户更容易输入正确的信息,如果javascript关闭,可能很容易被黑客攻击或无关...这就是说,在客户端,你可以拦截提交事件,检查不同的字段值。如果您有错误,则显示错误消息,否则,您提交表单。例如:

如果我们有这种形式:

<form action"myActionscript.php" method="GET" id="#myForm">
 // form items here
 </form>

然后这个脚本(当心,代码未经过测试)

<script type="text/javascript">
    var f = document.getElementById('myForm');
    if (f.addEventListener) { // addEventListener doesn't work in ie prior ie9
        f.addEventListener('submit', checkForm);
    }else{
        f.attachEvent('submit', checkForm);
    }

   function checkForm() {
       // Check all input fields logic,
       // you could have an errors array and add an error message for each
       // error found. Then you would check the length of the error array,
       // submit the form is the length is 0 or not submit the form
       // and display errors if the length is > 0.

    if (errors.length > 0)
    {
      // iterate through the array, create final error message
      // and display it through an alert or by inserting a new
      // DOM element with the error message in it.
      // [...]
    }else{
        f.submit();
    }
   }
</script>

我必须说,如果你使用像jQuery这样的javascript库,那么整个事情会更容易,当然也会更加交叉平台......;)