Question

我的表单验证无法正常运行。我没有任何价值，它会给我一条消息“请输入有效的电子邮件”，但它仍然会将它添加到我的列表中。

即使我尝试输入一个不是电子邮件的值，它也会给我正确的信息，它只会阻止我将它放入我的列表中，但当我再次按下按钮并使用相同的错误值时仍会将其添加到我的列表中。

正如你在这里看到的那样：

这是清单：

这是我的代码，包含表单和验证：

@Override
public void start(Stage primaryStage) {
    Button btn = new Button("If you can read this, the blur isn't working!");

    StackPane root = new StackPane();
    root.getChildren().add(btn);
    root.setStyle("-fx-background-color: black;");
    ColorAdjust adj = new ColorAdjust(0, -0.9, -0.5, 0);
    GaussianBlur blur = new GaussianBlur(55); // 55 is just to show edge effect more clearly.
    adj.setInput(blur);
    root.setEffect(adj);

    Scene scene = new Scene(root, 500, 200, null);

    btn.setOnAction((ActionEvent event) -> {
        scene.setFill(scene.getFill() == Color.BLACK ? null : Color.BLACK);
    });

    primaryStage.setScene(scene);
    primaryStage.show();
}

<!DOCTYPE html>
   <html lang="en">
 <head>
<meta charset="UTF-8">
<title>Cohorts</title>

 <body>

 <form id="register-form" class="form-horizontal" name="form" ng-submit="addCohort()">

<div class="form-group">

    <label class="control-label col-xs-3">Name:</label>

<input id="email" name="email" placeholder="Email Address" type="text" ng-model="formCohort.name">

<input class = "btn-btn-primary" id="submit-button"  type="submit" value="Sigin up">

我做错了什么？

Answer 1

您需要使用https://api.jquery.com/event.preventdefault/来阻止默认提交操作。

表单验证为我提供了正确的错误消息，但让表单提交

1 个答案: