如何在PHP中启动JQuery - How start a JQuery inside PHP

我想开始一个jquery (freeow插件)当我得到一个错误的电子邮件输入字段的形式。

我正在检查表单上的一些字段，我得到的每个错误都想打开一个警告消息。

我可以使用一个按钮来实现，像这样…

<div id="freeow-tr" class="freeow freeow-top-right"></div>
<div id="freeow-br" class="freeow freeow-bottom-right"></div>
<div class="form-line-check">
    <input id="freeow-title" value="Freeow!" type="hidden" class="text" />
    <input id="freeow-error" value="0" type="hidden" />
    <input id="freeow-position" value="#freeow-tr" type="hidden" />
    <input id="freeow-style" value="smokey" type="hidden" />
    <input id="freeow-message" value="Error message..." type="hidden" />
</div>
<div class="form-line">
    <input id="freeow-show" type="button" value="Click to Freeow!" />
</div>

没有按钮怎么做?

if ($erro == "0") {
    if(filter_var($email01, FILTER_VALIDATE_EMAIL)){
        $erro = "0";
        } else {
               echo "<div id='"freeow-tr'" class='"freeow freeow-top-right'"></div> ";
               echo "<div id='"freeow-br'" class='"freeow freeow-bottom-right'"></div> ";
               echo "<div class='"form-line-check'"> ";
               echo "<input id='"freeow-title'"        value='"Freeow!'"     type='"hidden'"     class='"text'" /> ";
               echo "<input id='"freeow-error'"        value='"0'"           type='"hidden'" /> ";
               echo "<input id='"freeow-position'"     value='"#freeow-tr'"  type='"hidden'" /> ";
               echo "<input id='"freeow-style'"        value='"smokey'"      type='"hidden'" /> ";
               echo "<input id='"freeow-message'"      value='"Error message...'"    type='"hidden'" /> ";
               echo "</div> ";
               $erro = "1";
    }
}

你必须创建一个javascript函数

function mensagem01() {

var title, message, opts, container;
title = $("#freeow-title").val();
message = $("#freeow-message").val();
message = 'E-mail not in database...';
opts = {};
opts.classes = [$("#freeow-style").val()];
opts.prepend = false;
opts.classes.push("error");
opts.autoHide = false;
opts.classes.push("slide");
opts.hideStyle = { opacity: 0, left: "400px" };
opts.showStyle = { opacity: 1, left: 0       };
container = $("#freeow-position").val();
$(container).freeow(title, message, opts);
}

HTML代码需要有自由定义

<div id="freeow-tr" class="freeow freeow-top-right"></div>      
<div id="freeow-br" class="freeow freeow-bottom-right"></div>   
<div class="form-line-check"> 
<input id="freeow-title" value="Lembrou?" type="hidden" class="text" /> 
<input id="freeow-error" value="0" type="hidden" /> 
<input id="freeow-position" value="#freeow-tr" type="hidden" /> 
<input id="freeow-style" value="smokey" type="hidden" />
<input id="freeow-message" value="message field must be empty" type="hidden" /> 
</div>

你需要包含javascript代码来调用javascript函数message

echo "<script type='"text/javascript'">  $(document).write(mensagem01());  </script> 'n";

当php执行时，javascript编写文档，其中包含对freeow消息的调用。

您想要达到的效果最好使用AJAX和一些比您在代码中拥有的更多的逻辑。

你想用jQuery捕获表单提交。使用event.prefentDefault()，您可以停止提交表单。然后，你想要AJAX你的FormData到服务器。在PHP脚本中，执行验证。如果验证成功，则返回一些内容(例如，一个JSON对象)，告诉前端验证成功。如果没有，你需要一个对象来描述失败的原因。
从前端，您检查验证是否成功(做任何事情)，或不(显示自由)