Javascript zend应用程序中表单字段的弹出窗口
我创建了一个基于Zend的php应用程序 我正在寻找一种简单的方法来创建一个弹出窗口或胡佛帮助，我可以使用它为用户应该输入的字段提供用户帮助 我想我需要javascript，对于Zend表单元素需要一些装饰器。但我还没有弄清楚它应该如何工作。也许我也需要一些CSS 有人举个例子吗 亲切问候,，Javascript zend应用程序中表单字段的弹出窗口,javascript,zend-framework,popup,element,Javascript,Zend Framework,Popup,Element,我创建了一个基于Zend的php应用程序 我正在寻找一种简单的方法来创建一个弹出窗口或胡佛帮助，我可以使用它为用户应该输入的字段提供用户帮助 我想我需要javascript，对于Zend表单元素需要一些装饰器。但我还没有弄清楚它应该如何工作。也许我也需要一些CSS 有人举个例子吗 亲切问候,， Vincent您可以使用jquery插件进行验证，这将阻止表单在通过一级检查之前提交。您可以在jquery的文档页面上找到更多信息。但千万不要相信那些支票。您应该始终在后端验证用户输入 或者基于jque
Vincent您可以使用jquery插件进行验证，这将阻止表单在通过一级检查之前提交。您可以在jquery的文档页面上找到更多信息。但千万不要相信那些支票。您应该始终在后端验证用户输入 或者基于jquery使用这个
<!DOCTYPE html>
<html>
<head>
<title>Form Info</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$(':input.form-input').live('focus', function(){ //get input field
$(this)
.closest("div") //get up to div element
.find(".form-info") //and search for corresponding form-info class to that input field
.show(); //show it
}).live('blur', function(){
//once you leave the input field you might to some things
//...
//or just remove the element
$(this)
.closest("div") //get up to div element
.find(".form-info") //and search for corresponding form-info class to that input field
.hide(); //hide it
});
});
</script>
</head>
<body>
<div>
<input type="text" name="blub" value="" class="form-input" />
<span class="form-info" style="display:none;">my info to the customer</span>
</div>
</body>
</html>
表格信息
$（文档）.ready（函数（）{
$（'：input.form input'）.live（'focus'，function（）{//get输入字段
$（本）
.closest（“div”）//访问div元素
.find（“.form info”）//并搜索该输入字段对应的表单信息类
.show（）；//显示它
}).live（'blur'，function（）{
//一旦您离开输入字段，您可能会遇到一些问题
//...
//或者只是移除元素
$（本）
.closest（“div”）//访问div元素
.find（“.form info”）//并搜索该输入字段对应的表单信息类
.hide（）；//隐藏它
});
});
将我的信息发送给客户
或者这正如您在示例中看到的，css代码如果只是为了适应您的布局，我不认为@vmulder的问题是关于表单验证，而是关于字段描述。但这可能会得到相同的解决方案。在javascript中使用表单valdation（这里是jquery）只是一个时间问题，当您显示每个字段的验证文本时。单击“提交”按钮后：表单验证//一旦客户输入表单字段：在问题中根据需要为客户提供提示好吧，这可能是您的猜测，但不是vmurder问题的一部分，我只是说，无意冒犯；）谢谢大家对我的问题感兴趣。我正在寻找一种方法来提供有关字段的信息，而不需要用户提交表单。更像是悬停在上面，或者用问号弹出一个弹出窗口。是的，这看起来很棒。我将研究如何在我的zend应用程序中获取此信息！非常感谢。@vmulder很高兴我能帮上忙。如果这个答案能解决你的问题，别忘了接受它；）