只有满足条件才能提交表格？

Question

现在我有一个基本的购物车设置.当用户输入他们的信息时,我想将此数据写入XML文件.为此,我一直在使用提交表单的POST方法.但是,我只想提交此表格,以便在符合条件时保存(例如使用正则表达式确保电话号码中没有字母).

所以我的表格是这样的:

<form action= "confirmation.php" name="memberData" method="post">
        <input name="textField" id="textField"></input>
        <input type="submit" name="submitbutton" id="submitbutton" onclick="submitIt()" value="Submit Button"/>
    </form>

所以我想要的是调用这个submitIt()函数来检查数据是否有效.如果它有效,那么我想执行我的表单操作.否则,我希望它不会重定向,直到用户修复其输入的信息.现在它确实正确地警告用户不正确的字段,但在重定向后立即保存并保存信息.

有没有办法只在符合某些条件时执行表单操作？

Answer 1

您要在此处执行的操作是在您的案例表单提交中阻止事件的默认操作.要做到这一点,处理程序应返回false.为了使其工作,您必须将处理程序从提交按钮的onClick更改为表单的onSubmit.

您还可以在http://www.quirksmode.org/js/introevents.html上阅读有关活动的一些内容.