HTML表单验证在JS

Question

海，

我有一个PHP项目，其中包含一个名为与我们联系形式，在这个当用户提交表单邮件已经发送给管理员。我的目标是设计这个页面是动态的。我的意思是，管理员可以添加或更改联系我们页面中的字段。我已经实现了一个文本编辑器来做到这一点。这里管理员可以设计联系人页面。我的问题是，我想验证（服务器端和客户端）所有的领域。怎么可能使用JavaScript ..有没有人知道这一点？

Answer 1

如果不知道特定字段中的数据类型，可能无法进行表单验证。例如，可能有多个电子邮件字段，但除非系统知道它是电子邮件地址，否则无法对电子邮件执行验证。因此，根据我的最佳方式是设置“文本编辑器”或表单编辑器，以便可以分配预定义的字段类型。 对于如：

$Field_1 = array(type=>"textbox",validate_as=>"email"); 

Answer 2

也许你保存的格式，允许以确定每一个的内容类型的字段。在这种情况下，您可以在HTML中添加一个属性来标识您需要在每种情况下应用的验证类型。然后你可以使用一些验证插件。 （例如Java script coder validation script,LS Form validator）

服务器端将没有不同的情况，也许更简单。

Answer 3

为了使验证工作，您必须有一组可以添加到窗体的预定义字段。

我最后一个项目，我也是这样做的。有服务表格将由访客填写。服务所有者可以在应用程序控制面板中添加自定义字段，然后访问者将看到该字段。设计时，可以添加的字段类型有限，一个普通字段：文本，textarea，收音机，复选框，下拉菜单以及电子邮件地址等特殊字段。唯一需要的验证只是需要或不需要，专业领域将携带它自己的验证规则。这个自定义字段数据然后保存到数据库。当我显示这个自定义字段时，我使用jQuery validation plugins做浏览器验证，而在后端代码中，我也使用Form Validation库（我正在使用CodeIgniter）进行验证。所有需要的规则在从数据库获取时由自定义字段携带。

我希望这是你想要做的。您可能会看到wufoo.com以查看字段设计器页面的外观。在我的项目中，这只是一个简单的点击和添加，没有拖放功能。所有使用jQuery编写的代码用于项目使用。