Question

我正在做一些基本的表单验证。

我有以下javascript函数

function fullField(x,span_id)
{
var result=false;
if(x.value==0)
{
    document.getElementById(span_id).innerHTML =" Required";
    result=false;
}else{
    document.getElementById(span_id).innerHTML="";//can use tick <img src='images/site_images/tick.png' />
    result=true;
}

return result;
}

我有一个输入，检查onblur

<input type='text' onblur='return fullField(this,'span1')name='first_name' />
<span id='span1'></span>

该功能有效，如果此人在不填写字段的情况下选中字段，则将“必填”写入范围。但是，当我单击提交时，表单仍然提交。我想我在这里缺少一些基本点，因为我虽然如果我的表单中的任何字段返回false，那么表单将不会提交。唯一的办法是在提交时再次检查整个表单吗？

Answer 1

您可以在页面上创建一个变量，如果某个字段上的验证失败，那么将设置为false，然后为表单onSubmit（return（myValidationVariable）） - 不是最优雅的设计，但应该适合您当前的设置。

Javascript表单验证

1 个答案: