【问题标题】:Validating forms in HTML, PHP, and JavaScript验证 HTML、PHP 和 JavaScript 中的表单
【发布时间】:2009-12-02 19:30:12
【问题描述】:

如果我在页面顶部用 JavaScript 定义一个函数,用于验证表单中输入的字符串是否为(A-Z、a-z 或 0-9)。然后我在他们提交时调用该函数:

onsubmit="return Validator(this);"

如果函数名是:

function Validator(form) 

为什么当我们实际点击提交时,它实际上并没有验证提交的字符串,有没有更好的验证表单的方法?

【问题讨论】:

标签: php javascript html


【解决方案1】:

几乎可以肯定是因为 Validator 函数编写不正确……但由于您没有向我们展示它的外观,我们无法具体说明原因。

也许它需要一个字符串,而你给它一个 HTMLFormElement。

【讨论】:

    【解决方案2】:

    许多表单验证选项。根据您的框架,您可能希望使用 Jquery 的验证。如果你选择 yui,我已经提交了一个有用的表单验证器

    Here是图库提交,你可以从你那里看例子

    【讨论】:

      【解决方案3】:

      如果您不想提交并显示验证错误消息,onsubmit 处理函数需要返回 false 以取消事件(表单提交)。

      纯 Javascript 方法
      Form is still submitted even though listener function returns false

      jQuery 方法
      How to not submit a form if validation is false

      【讨论】:

        【解决方案4】:

        您不是在向 Validator 提交字符串,而是在提交输入元素。所以你会做if(form.element.value != "") ... 什么的……是的,有一个better way

        【讨论】:

        • 不,输入元素没有提交事件。它必须是一种形式。
        猜你喜欢
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 1970-01-01
        • 2015-07-18
        • 2011-02-17
        • 1970-01-01
        • 2012-06-08
        • 1970-01-01
        相关资源
        最近更新 更多