2012-06-04 60 views
0

你如何驗證一個表單,當你使用一個鏈接,提交(?沒有提交按鈕)的JavaScript <form>驗證

這是我用它來提交表單:

<a href='javascript:document.forms["send"].submit()'>Send</a> 

但是怎麼辦你檢查表單內的文本區域,只有在不爲空時才提交。

+0

你爲什麼要使用一個元素,而不是一個提交按鈕呢? – RobG

回答

3

onSubmit事件仍然會觸發表單是否使用提交按鈕或JavaScript提交。因此,監控表單的提交事件應該是您需要做的所有事情:

首先,爲您提供表單以便於訪問。

document.getElementById('myForm').onSubmit = function() { 
    // validate textarea 
    // return false on bad data 
    // return true if ok 
} 
0

通常驗證功能連接到形式的onsubmit監聽器和返回false如果形式不應該提交,例如:我將在我的例子中使用「myForm會」

<form ... onsubmit="return validate(this);" ...> 

而且驗證功能是一樣的東西:

function validate(form) { 
    var valid = true; 
    var elements = form.elements; 

    for (var i=0, iLen=elements.length; i<iLen; i++) { 
    // validate elements[i] 
    // if any invalid, set valid to false 
    } 
    return validl;  
}