我正在将静态主题转换为wp主题，并使用wpcf7插件处理表单。我想知道如何使用wpcf7文本标记编写此代码。
<input type="text" name="name" id="name" value="" onchange="this.setAttribute(\'value\',this.value);" required/>
[text* name id:name]
如何在Contact Form7中向文本输入添加“On Change”？
1 个回复
SO网友:Aurovrata
CF7插件不允许您访问字段标记的HTML标记格式功能。因此，您需要捕获字段更改时激发的JavaScript事件。为此，您可以在表单末尾标记脚本，
<label>[text* name id:name]</label>
<label>[text* surname id:surname]</label>
[submit]
<script>
(function($){
\'use strict\';
$(document).ready( function(){
$(\'form.wpcf7-form :input\').change(function(e){
var $field = $(e.target);
switch($field.attr(\'name\')){
case \'name\': //text field name was changed.
//do something.
break;
case \'surname\': //text field surname was changed.
//do something.
break;
}
})
})
})(jQuery)
</script>