如何使用javascript在html中对两个提交按钮进行两种不同的验证_Javascript_Html

如何使用javascript在html中对两个提交按钮进行两种不同的验证

javascript html

如何使用javascript在html中对两个提交按钮进行两种不同的验证,javascript,html,Javascript,Html,我有一个名为“添加”和“搜索”的两个提交按钮。当我单击AddSubmit按钮时，它使用定义的validate方法执行propoer验证。现在我有了另一个搜索提交按钮，并定义了它的功能，但它不工作，我的意思是它没有做任何验证 <!DOCTYPE html> <html> <head> <title>INFORMATION</title> <script type="text/javascript"> fun

我有一个名为“添加”和“搜索”的两个提交按钮。当我单击AddSubmit按钮时，它使用定义的validate方法执行propoer验证。现在我有了另一个搜索提交按钮，并定义了它的功能，但它不工作，我的意思是它没有做任何验证

<!DOCTYPE html>
<html>
    <head>
    <title>INFORMATION</title>
<script type="text/javascript">

function svalidate(){

   if (document.myForm.firstname.value=="" && document.myForm.lastname.value=="" &&     document.myForm.age.value=="" && document.myForm.gender.value==""){
       alert("Please enter any one value");
       return false;
   }   
}
function validate() {

    if (document.myForm.firstname.value==""){
        alert("Please provide the firstname");
        return false;   
    }

    if (document.myForm.lastname.value=="" ){
    alert("Please provide the lastname");
    return false;
    }

    if (document.myForm.age.value=="" || isNaN(document.myForm.age.value) ||     document.myForm.age.value<1){
    alert("Please provide the valid age in Integer");
    return false;
    }

    if (document.myForm.gender.value=""){
    alert("Please provide the gender");
    return false;
    }

}      
</script>
</head>
    <body>
        <form action = "/~neeraj/cgi-bin/test.py" name="myForm" method="post">
            <table cellspacing="3" cellpadding="2" border="1">
                <tr>
                    <td> FirstName:* </td>
                    <td> <input type="text" name="firstname" /></td>
                </tr>
                <tr>
                    <td>LastName:* </td>
                    <td> <input type="text" name="lastname" /></td>
                </tr>

                <tr>
                    <td>Age:* </td>
                    <td><input type="text" name="age" /></td>
                </tr>

                <tr>
                    <td>Gender:* </td>
                    <td><input type="radio" name="gender" value="male" /> Male
                        <input type="radio" name="gender" value="female" /> Female</td>
                </tr>
            </table>

                <br>
                <input type="submit" name="submit" value="ADD"     onclick="return(validate())">
                <input type="reset" name="reset" value="RESET">
                <input type="submit" name="search" formmethod="post"     formaction="/~neeraj/cgi-bin/search.py" value="SEARCH" onclick="return(svalidate())">
        </form>

   </body>
</html>


信息
函数svalidate（）{
if（document.myForm.firstname.value==“”&&document.myForm.lastname.value==“”&&document.myForm.age.value==“”&&document.myForm.gender.value==“”）{
警报（“请输入任意一个值”）；
返回false；
}   
}
函数验证（）{
if（document.myForm.firstname.value==“”）{
警报（“请提供名字”）；
返回false；
}
if（document.myForm.lastname.value==“”）{
警告（“请提供姓氏”）；
返回false；
}
如果（document.myForm.age.value==“”| | isNaN（document.myForm.age.value）| | document.myForm.age.value请参考。这会使条件为假，警报不会运行。document.myForm.gender.value
仅返回未定义的这部分代码不起作用
 if (document.myForm.gender.value=""){
    alert("Please provide the gender");
    return false;

您需要像数组一样对单选按钮进行寻址
请参考此问题以了解如何做到这一点

将Svalidate函数更改为
function svalidate(){    

    if (document.myForm.firstname.value=="" && document.myForm.lastname.value=="" && document.myForm.age.value=="" && ( document.myForm.gender[0].checked == "0") && ( document.myForm.gender[1].checked == "0")){
            alert("Please enter any one value");
            return false;   
        }   
    }

您还需要在验证函数中进行相同的更改。请检查my以查看这两个更改
if ( ( document.myForm.gender[0].checked == false ) && ( document.myForm.gender[1].checked == false ) ) 
{
alert ( "Please choose your Gender: Male or Female" ); 
return false;
}

使用此编码选择性别选项
函数svalidate编码在这里
function svalidate(){    

    if (document.myForm.firstname.value=="" && document.myForm.lastname.value=="" && document.myForm.age.value=="" && ( document.myForm.gender[0].checked == false ) && ( document.myForm.gender[1].checked == false )){
            alert("Please enter any one value");
            return false;   
        }   
    }

你测试过这个吗？