Question

如果盒子留空或没有填写，我已经成功发出警告。除了GENDER和GRADE之外，我的所有代码都正常工作。对于GENDER，他们必须勾选才能选择。对于成绩，他们必须在下拉菜单中选择。这是我的代码。

    function validation()
{
    if(document.form1.first_name.value=="")
    {
       alert("Please enter your first name.");
       document.form1.first_name.focus();
       return false;
    }
    if(document.form1.last_name.value=="")
    {
       alert("Please enter your last name.");
       document.form1.last_name.focus();
       return false;
    }
    if(document.form1.gender.value=="")
    {
       alert("Please select your gender.");
       document.form1.gender.focus();
       return false;
    }
 if(document.form1.grade.value=="")
    {
       alert("Please select your grade.");
       document.form1.grade.focus();
       return false;
    }

除了成绩和性别之外，名字和姓氏正在起作用。请帮帮我。

Answer 1

使用 html

选择下拉确认

<select required="required">
<option value=""></option>
<option value="A">A</option>
<option value="B">B</option>
</select>

Fiddle

使用 javascript

<form onSubmit="return checkForm();">
<select id="grade" >
    <option value=""></option>
    <option value="A">A</option>
    <option value="B">B</option>
    </select>
    <input type="submit" />  
</form>

function checkForm(){
    var e=document.getElementById("grade").value;//alert(e);
    if(e===""){
        alert("nothing selected");
        return false;
    }
}

Fiddle

使用 html

Checbox验证

<input id="remember" name="remember" type="checkbox" required="required" />

Fiddle

使用 javascript

function check(){
var e=document.getElementById("remember").checked;
    //alert(e);
    if(!e){
    alert("not checked");
        return false;
    }
  }

Fiddle

javascript

中的

单选按钮验证

<form onsubmit="return check();">
<input id="remember" name="remember" type="radio" />Male
<input id="remember" name="remember" type="radio" />Female
<input type="submit" />  
</form>
function check(){
var e=document.getElementById("remember").checked;
    //alert(e);
    if(!e){
    alert("not selected");
        return false;
    }
  }

Fiddle

Answer 2

试试这个：

if(!document.getElementById('gender_male').checked && !document.getElementById('gender_female').checked)

和

if(document.form1.grade.selectedIndex == -1)

对select元素使用selectedIndex对-1。并使用单独的无线电元素检查单选按钮。

Answer 3

在validation（）函数中放置断点并查看将要发生的事情 document.form1.gender.value和document.form1.grade.value。检查if中的结果。

如果未选择，如何进行功能验证警报

3 个答案: