技巧教程 为注册页面添加重置按钮

[ShintoKosei]

后台→外观→模板列表→搜索register_macros并打开

拉到最后，将里面的

<xf:macro name="submit_row">
    <span id="js-regTimer" data-timer-complete="{{ phrase('register') }}">
                <xf:submitrow><xf:html>
        <xf:button type="submit" class="button--primary" id="js-signUpButton"  style="float: left;">
            <xf:if is="$xf.options.registrationTimer">
                    {{ phrase('(please_wait_x_seconds)', {'seconds': "<span>{$xf.options.registrationTimer}</span>"}) }}
                </span>
            <xf:else />
                {{ phrase('register') }}
            </xf:if>
        </xf:button>
    </xf:html></xf:submitrow>
</xf:macro>

改为

<xf:macro name="submit_row">
    <span id="js-regTimer" data-timer-complete="{{ phrase('register') }}">
                <xf:submitrow><xf:html>
        <xf:button type="submit" class="button--primary" id="js-signUpButton"  style="float: left;">
            <xf:if is="$xf.options.registrationTimer">
                    {{ phrase('(please_wait_x_seconds)', {'seconds': "<span>{$xf.options.registrationTimer}</span>"}) }}
                </span>
            <xf:else />
                {{ phrase('register') }}
            </xf:if>
        </xf:button>
        <xf:button type="reset" class="button--primary" style="float: left;margin-left: 100px;">
                {{ phrase('reset') }}
        </xf:button>
    </xf:html></xf:submitrow>
</xf:macro>

效果如下（自行添加CSS）


如果想添加确认提示可将

<xf:button type="reset" class="button--primary" style="float: left;margin-left: 100px;">{{ phrase('reset') }}</xf:button>

替换为

<xf:button type="reset" class="button--primary" style="float: left;margin-left: 100px;" onclick="return(confirm('是否重置当前填写的内容？'))">{{ phrase('reset') }}</xf:button>

效果如下