使用数据属性进行表单操作?

时间:2014-01-13 03:57:30

标签: javascript jquery forms custom-data-attribute

我有一个客户真的讨厌验证码,但是需要它,否则会有太多的垃圾邮件提交。我有一个人推荐以下内容:

  

拥有您的网络表单,并且只在数据标记(html5)中包含表单操作,然后在表单完成时提交表单进程操作。没有表单操作,没有机器人可以填写并提交不会修改表单的外观或操作方式。

如果我的表格如下:

<form action="/FormProcessv2.aspx?WebFormID=10090&amp;OID={module_oid}&amp;OTYPE={module_otype}&amp;EID={module_eid}&amp;CID={module_cid}" enctype="multipart/form-data" onsubmit="return checkWholeForm15174(this)" method="post" name="catwebformform15174">

如何修改操作URL以使用data-attribute?是否需要JS才能运行?这个想法是如何运作的?

注意:我搜索了Google,但找不到有关使用data-attribute和action的任何信息。我也在网站上使用jQuery 2.0.3。

欢迎任何指导。

1 个答案:

答案 0 :(得分:1)

表单提交时如何工作(当前checkWholeForm15174验证时调用此swapAction)

function SwapAction() {
    var dataAttr = $('#myFormName').data();

    $('#myFormName').get(0).setAttribute('action', dataAttr.action);
}

假设您的表单已修改为:

<form action="" data-action="/FormProcessv2.aspx?WebFormID=10090&amp;OID={module_oid}&amp;OTYPE={module_otype}&amp;EID={module_eid}&amp;CID={module_cid}"  enctype="multipart/form-data" onsubmit="return checkWholeForm15174(this)" method="post" name="catwebformform15174">