Question

我有一个联系表，并且只想在所有字段都填写后才保存联系。在这种情况下，它也应该返回到登录页面，否则，只要所有字段填写不正确，它都应留在网站上。

当未填写字段时也会出现错误消息。填写所有字段后如何返回登录页面？

  <input class="button" type="submit" value="save" onclick="contactSave()" ></a>

功能contactSave

function kontaktSpeichern() {


var kontakt = new KontakteSpeicher();
var kontakt = new Kontakt();
kontakt.name = document.querySelector("#nameID").value;
kontakt.email = document.querySelector("#emailID").value;
kontakt.plz = document.querySelector("#plzID").value;
kontakt.ort = document.querySelector("#ortID").value;
kontakt.strasse = document.querySelector("#strasseID").value;





try {
    kontakt.check();  
}
catch(err) {
    window.alert(err.message);  
}

功能检查

pruefe() {
    if (this.name.trim() === "") {
        throw new Error("Der Name darf nicht leer sein!");

    } else if (this.email.trim() === "") {
        throw new Error("Die E-Mail-Adresse darf nicht leer sein!");
    } else if (this.plz.trim() === "") {
        throw new Error("Die Postleitzahl darf nicht leer sein!");
    } else if (this.ort.trim() === "") {
        throw new Error("Der Ort darf nicht leer sein!");
    } else if (this.strasse.trim() === "") {
        throw new Error("Die Strasse darf nicht leer sein!");
    } else {
        if (this.plz != parseInt(this.plz) || this.plz <= 0) {
            throw new Error("Die Postleitzahl muss eine Zahl > 0 sein!");
        } else if (!this.validateEmail(this.email)) {
            throw new Error("Die E-Mail-Adresse besitzt kein gültiges Format!");
        }
    }

Answer 1

您可以使用名为action=""的表单属性，以便它将对指定页面创建GET请求，或者使用.preventDefault()方法处理原始提交并使用{{1 }}。

window.location.href

function send(e) {
	e.preventDefault();
	console.log('form submitted');
	window.location.href = 'https://stackoverflow.com/questions/53223539/how-to-link-to-another-html-site-only-when-all-fields-are-filled-in-contact-form';
}

仅当所有字段都填写在联系表中时，才如何链接到另一个html网站？

1 个答案: