单击输入类型按钮元素时未应用验证

Question

可以在以下网页上查看该问题 - http://www.bestcastleintown.co.uk/test/

我正在尝试将各种验证规则应用于上面提到的网页上的功能表单，其中jQuery插件使用自定义数据属性（http://formvalidator.net/index.html）。此验证存在于前5个表单字段中。当用户关注某个字段然后进入下一个字段时，这是可见的，前一个字段将失去焦点并显示验证消息。

我遇到了一个问题，即在提交表单时不会应用验证。这是由onclick元素上的type和<input>属性引起的

<input class="btn-wpbc" type="button" onclick="mybooking_submit(this.form,1, 'en_US' );" value="Send">

我观察到，如果type属性更改为type="submit"并且在Firebug或Chrome开发者工具中删除了onclick属性，则验证将应用于表单字段。

然而，更改属性将导致日历验证失败，因为预订是通过以下JavaScript初始化的AJAX请求进行的：

onclick="mybooking_submit(this.form,1, 'en_US' );"

表单将不再检查是否已选择某一天。

是否有任何建议确保两种形式的验证生效（选择日历日和表单字段验证）？

Answer 1

更改输入类型属性，以便在表单标记上的onsubmit事件上提交并调用您的javascript函数。象 -

<form onsubmit="mybooking_submit(this.form,1, 'en_US' );" >