使用Javascript进行多文本框验证
当我提交表单时,如果没有输入任何数据,所有内容都会返回一个错误,除了firstname,有人能在这里找到错误吗使用Javascript进行多文本框验证,javascript,Javascript,当我提交表单时,如果没有输入任何数据,所有内容都会返回一个错误,除了firstname,有人能在这里找到错误吗 var x=document.forms["register"]["firstname", "surname", "email", "username", "password1", "password2"].value; if (x==null || x=="") { alert("All fields are required"); return false; } 使用jQuery
var x=document.forms["register"]["firstname", "surname", "email", "username", "password1", "password2"].value;
if (x==null || x=="")
{
alert("All fields are required");
return false;
}
使用jQuery将非常简单:
var allCorrect = true;
$(window).ready(function() {
$('form').submit(function(event) {
event.prevendDefault();
$(this).find('input[type=text]').each(function() {
if($(this).val() == "") {
$allCorrect = false;
alert("All fields are required.");
}
});
if($allCorrect) {
$(this).submit();
}
});
});
演示:嗯,这种语法不正确。你必须循环,查询DOM,或者一个接一个地获取它们。但是他没有使用jQuery。我已经编辑了它,你必须包含jQuery,并将这段代码放在一些。。。标签…如果你想做这样的事情,你应该知道HTML和JS的基本知识。如果使用这个答案,建议使用$(this.find(“[type=text]”)