使用javascript表单提交问题

时间:2013-08-28 23:05:47

标签: javascript html forms

好的,所以我对HTML中的整个javascript感到困惑。 我要做的是验证表格“onblur”或提交外部文件。

以下是适用于第一个字段的HTML代码:

    <script>
    function notEmpty(rep, errMsg)
    {
    var errMsg = "Please enter something in Rep";
    var rep = document.getElementById('submitted_by_hrrep');
    if(rep.value == '')
    {
    alert(errMsg);
    hrrep.focus();
    return false;
    }
    return true;
    }
    </script>

这是在其附近的形式的主体。

<script type="text/javascript">document.getElementById("submitted_by_rep").onblur=notEmpty;</script>

这样DOES可以正常工作,并会弹出警告,让他们回去 我无法工作的是为表单的其余部分(15个字段)执行此操作。 “onsubmit”令我困惑,我认为这是对的,但我不确定。

<form onsubmit="return formValidation()" method="post" action="process.asp" >

一切都会有所帮助

编辑

    function validate()
    {
    if(document.newempRequest.submitted_by_hrrep.value ==='')
    {
    alert("Please provide your name");
    document.newempRequest.submitted_by_hrrep.focus();
    return false;
    }

我非常沮丧,我从头开始,一次把它带到一个领域。发现这适用于需要文本的字段,它对于文件来说看起来很乱,但在外部调用它可以完美无缺地工作。

我希望我可以使用jquery,但设置实际上我需要它似乎更复杂。谢谢你的帮助:)

1 个答案:

答案 0 :(得分:1)

你必须抓住所有的输入,然后用一些风味的循环迭代它们,也许是for循环?

使用jquery它非常简单,因为那里已经有form validator plugins,并且选择器非常友好。使用jquery,

$('#formId input') 

将获取表单中的所有输入,然后您可以使用.each()迭代所有输入

你显然无法在所有字段上使用.focus(),因此需要另一个函数来处理整个列表而不只是一个。