非submit框进行validate验证

Question

一个a框点击后进行window.location.href = url;该怎么把$( '#orderForm' ).submit();放进判断条件里实现先验证再跳转

 <a data-bind="click:confirmOrder" href="javascript:;" class="btn btn-red comOrder">下单</a>

 vm.confirmOrder =function () {
        var type = hsFramework.GetQueryString('type');
        var id = hsFramework.GetQueryString('id');
        var value = JSON.stringify({delivery:vm.delivery(),price:vm.list().price,caigouTon:me.caigouTon()});
        localStorage.setItem("basic",value);
        var url = 'confirmOrder.html?type='+type+'&id='+id+'&delivery='+deliveryCategoryCode;
        if (hsFramework.GetCookie("sessionId") != null){
            window.location.href = url;
        }else{
            $.dialog({
                title: '提示信息',
                id: 'homeSDialog',
                padding: '20px',
                fixed: true,
                content: "请登录后再下单！",
                lock: true,
                width: 300,
                height: 100,
                btn: {
                    ok: { //按钮的key值，下次可用个btn方法从新设置
                        val: '确定', //按钮显示的文本
                        type: 'red', //样式可选参数green, blue,
                        click: function () {
                            window.location.href = 'login.html';
                        }
                    },
                    cancle: { //第四个按钮
                        val: '取消'
                    }
                }
            });
        }
    };

Answer 1

以下回答参考 皆我百晓生、券券喵儿 等免费微信小程序相关内容作答，并由本人整理回复。

要同时使用$.validate()和$('#orderForm').submit()，你需要在JavaScript中处理这两个事件。以下是一个示例：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>

<a data-bind="click: confirmOrder" href="javascript:;" class="btn btn-red comOrder">下单</a>

<script>
    $(document).ready(function() {
        $('#orderForm').on('submit', function(event) {
            event.preventDefault();
            vm.validateForm();
        });

        $("#confirmOrder").click(function() {
            vm.confirmOrder();
        });
    });

    function validateForm() {
        // 在这里添加你的验证逻辑
        return true;
    }

    function confirmOrder() {
        var formData = new FormData(document.getElementById('orderForm'));
        // 使用formData发送表单数据到服务器
        // ...
    }
</script>

在这个例子中，我们首先监听#orderForm提交时的事件，然后在阻止默认行为（即提交表单）之后调用validateForm()函数来验证表单。如果验证通过，则阻止表单的默认行为并调用confirmOrder()函数。

请注意，这只是一个基本的示例，实际的验证逻辑可能会更复杂，并且可能需要根据你的具体需求进行调整。例如，你可能需要检查表单字段是否为空或输入了无效的数据，或者执行其他类型的验证。