我有一个表单,我喜欢新的HTML5表单验证,希望保留它。但是,当按下按钮时刷新页面(表单提交)的方式不太理想。我希望使用按钮来触发一些AJAX以刷新页面元素,而不是整个页面。然而,当设置type="button"时,HTML5表单验证将不再在按下按钮时触发。如何在不触发刷新/提交页面的情况下使用HTML5表单验证?请注意,我并不关心这个问题的AJAX元素,只关心HTML5验证问题。
echo "<form>";
echo "<td><input id=\"link_add_title\" type=\"text\" class=\"form-control\" placeholder=\"URL Title\"></td>";
echo "<td><input id=\"link_add_url\" type=\"url\" class=\"form-control\" placeholder=\"Your URL\"></td>";
echo "<td><input id=\"link_add_budget\" type=\"number\" step=\"any\" class=\"form-control\" placeholder=\"Budget\"></td>";
echo "<td><button class=\"btn btn-sm btn-success\"><i class=\"fa fa-check\"></i> Add</button></td>";
echo "</form>";