2016-01-21 59 views
0

我怎麼會重寫提交在線連接事件,我的形式更精確我有以下形式防止提交表單內聯附加事件的情況下

<form id="myForm"> 
    //some fields 
    <a onclick="document.getElementById('myForm').submit()" ></a> 
</form> 

我的JavaScript解析所有形式的當前頁和搜索上用於名爲email的輸入字段。如果發現這些字段應該阻止提交併執行一些驗證。有些網頁上的表格已經活動連接的形式波紋管表演,但我不知道如何預防提交在這種情況下

,所以我在這裏實際的javascript https://jsfiddle.net/g0rf2r99/1/

回答

0

下面是試圖解決一個通用的解決方案這樣的場景:

var form = document.querySelector("form"); 
 
    form.addEventListener("submit", function(event) { 
 
    alert("Input value:" + " " + form.elements.myValue.value); 
 
    event.preventDefault(); 
 
    });
<form action="example/submit.html"> 
 
    Value: <input type="text" name="myValue"> 
 
    <button type="submit">Save</button> 
 
    </form>

通知的形式如何有一個名爲myvalue的文本輸入和保存名爲提交按鈕。

在JavaScript中,您會看到將事件偵聽器添加到表單元素以偵聽提交事件。在該事件處理程序中,用戶輸入顯示警報。然後使用event.preventDefault()停止提交的默認行爲。

在您的代碼中,您將識別電子郵件字段,執行驗證並防止默認提交行爲代替示例中的警報調用。