首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >(JQuery/PHP)在提交之前验证数据

(JQuery/PHP)在提交之前验证数据
EN

Stack Overflow用户
提问于 2012-01-23 05:36:15
回答 2查看 830关注 0票数 0

在输入(表单)数据输入后立即验证它的最佳方法是什么?

我的想法是在输入旁边有一个DIV,在这个div中,我们将看到一条消息,说明数据是否有效,例如:

代码语言:javascript
运行
复制
Your name:
<input type="text">
<div id="data-validation"></div>

<script>
$("input").change(function(){
    $("#data-validation").load("data-validation.php?input="+$(this).val());
});
</script>

//data-validation.php
<?php
$input = $_GET["input"];
if(strlen($input) < 3)
    echo "Name must have at least 3 characters.";
?>

PHP负责验证和显示数据。

恐怕还有更好的办法,我想知道最好的办法是什么。

EN

回答 2

Stack Overflow用户

发布于 2012-01-23 05:41:22

绝对一点儿没错!

您可以从JavaScript端执行大多数字符串检查,以防止对服务器进行不必要的调用。您仍然保留您的JavaScript检查,但是现在您希望将它们复制到PHP端,例如:

代码语言:javascript
运行
复制
$("#data-validation").change(function(){
    if($(this).val().length >= 3) {
       $(this).load("data-validation.php?input="+$(this).val());
    } else {
       alert("Name must have at least 3 characters.");
    }
});

如果您有多个检查,那么不是检查长度,而是针对在JavaScript端执行一系列任务的函数进行检查。你需要确保你的PHP能做同样的事情,因为浏览器JavaScript可以很容易地绕过它。您希望通过减少对服务器的调用来进行优化,并利用更多的本地资源。

票数 2
EN

Stack Overflow用户

发布于 2012-01-23 05:39:32

我强烈建议您使用jQuery Validate,您仍然需要在php端进行验证,但这将为您节省大量的UI / jQuery方面的工作。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/8964918

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档