163 Star 1K Fork 351

sscms / cms

 / 详情

自定义表单样式如何增加验证码

待办的
创建于  
2024-04-28 15:58
<style>
    .error {border: 1px solid red !important;}
</style>
<script>
function validateForm(data) {
    var success = true;
    $('#myForm input').removeClass('error');
    $('#myForm textarea').removeClass('error');
    if (!data['Name']) {
        $('#myForm input[name="Name"]').addClass('error');
        success = false;
    }
    if (!data['Mobile']) {
        $('#myForm input[name="Mobile"]').addClass('error');
        success = false;
    }
    if (!data['Email'] || !/^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/.test(data['Email'])) {
        $('#myForm input[name="Email"]').addClass('error');
        success = false;
    }
    if (!data['Content']) {
        $('#myForm textarea[name="Content"]').addClass('error');
        success = false;
    }
    return success;
}
</script>
<stl:form name="与我们进行沟通" id="myForm" onBeforeSend="validateForm">
<div class="m2lxTs wow fadeInUp" data-wow-delay="0.2s">
    <strong>与我们进行沟通</strong>
    <p>可以提交信息给我们,我们收到信息后会尽快安排工作人员与您联系!</p>
</div>
<ul class="m2lxFm clearfix wow fadeInUp" data-wow-delay="0.3s">
    <li style="width: 30%;">
    <div class="m2lx_inx"><input placeholder="姓名" name="Name" type="text"></div>
    </li>
    <li style="width: 30%;">
    <div class="m2lx_inx"><input placeholder="手机" name="Mobile" type="text"></div>
    </li>
    <li style="width: 30%;">
    <div class="m2lx_inx"><input placeholder="邮箱" name="Email" type="text"></div>
    </li>
    <li>
    <div class="m2lx_inx"><textarea placeholder="留言内容" name="Content" cols="" rows=""></textarea></div>
    </li>
</ul>
<div class="m2lxBtnWpr wow fadeInUp" data-wow-delay="0.2s">
    <a href="javascript:;" onclick="formSubmit()" class="m2lxSubmit">立即提交</a>
</div>
</stl:form>

评论 (1)

佑先生 创建了任务
佑先生 修改了描述
展开全部操作日志

自定义表单的验证码功能可以在后台设置,进入表单的选项设置界面,选择启用图片验证码即可。

登录 后才可以发表评论

状态
负责人
里程碑
Pull Requests
关联的 Pull Requests 被合并后可能会关闭此 issue
分支
开始日期   -   截止日期
-
置顶选项
优先级
参与者(2)
1828720 siteserver 1661475074
C#
1
https://gitee.com/siteserver/cms.git
git@gitee.com:siteserver/cms.git
siteserver
cms
cms

搜索帮助