Javascript 如何通过一个函数实时验证名称、城市和州等形式的多个元素？

我想在javascript中创建一个公共函数，用于验证我的字段，如名称、城市和州。 这也适用于所有三个字段 1） 名字 2） 城市 3） 陈述

下面是html的代码

<form name="addcust" method="POST" action="insrtCustomer.php" id="form1">
<table>
    <tr>
            <td>Customer Name</td>
            <td><input type="text" name="name" id="name"><label id="message"></label></td>
            <td>City</td><td><input type="text" name="city" maxlength="25"></td>
    </tr>
    <tr>
            <td>State</td><td><input type="text" name="state" maxlength="25"></td>
    </tr>
</table>

客户名称
城市
陈述

我想做一个函数，我可以使用它进行实时验证，可以适用于多个表单。

---

你们都知道，网站上的所有表单都有不同的名称。因此，如何使用它，请在这里给出你的想法来做这件事，你们都知道这对其他人是有用的麻生太郎。因此，请帮助

您可以尝试此示例

您可以尝试此示例

您可以尝试此示例

您可以尝试此示例

在jquery文件之后的html页面中包含jquery验证文件

     $('#yourFormId').validate({
              rules:{
               name: {
                    required: true
                },
                city: {
                    required:true
                },
               state: {
                    required:true
                }
            },
            messages: {
                name:{
                    required: 'required msg' 
                },
  city:{
                    required: 'required msg' 
                },  state:{
                    required: 'required msg' 
                }

            },
            submitHandler: function(form){

            }
        });

---

希望这能奏效…

在jquery文件之后的html页面中包含jquery验证文件

     $('#yourFormId').validate({
              rules:{
               name: {
                    required: true
                },
                city: {
                    required:true
                },
               state: {
                    required:true
                }
            },
            messages: {
                name:{
                    required: 'required msg' 
                },
  city:{
                    required: 'required msg' 
                },  state:{
                    required: 'required msg' 
                }

            },
            submitHandler: function(form){

            }
        });

---

希望这能奏效…

在jquery文件之后的html页面中包含jquery验证文件

     $('#yourFormId').validate({
              rules:{
               name: {
                    required: true
                },
                city: {
                    required:true
                },
               state: {
                    required:true
                }
            },
            messages: {
                name:{
                    required: 'required msg' 
                },
  city:{
                    required: 'required msg' 
                },  state:{
                    required: 'required msg' 
                }

            },
            submitHandler: function(form){

            }
        });

---

希望这能奏效…

在jquery文件之后的html页面中包含jquery验证文件

     $('#yourFormId').validate({
              rules:{
               name: {
                    required: true
                },
                city: {
                    required:true
                },
               state: {
                    required:true
                }
            },
            messages: {
                name:{
                    required: 'required msg' 
                },
  city:{
                    required: 'required msg' 
                },  state:{
                    required: 'required msg' 
                }

            },
            submitHandler: function(form){

            }
        });

---

希望这能奏效…

您可以尝试一下，并相应地进行定制|

您只需在validate函数中传递表单（此），它将检查所有文本框是否为空，您可以根据自己的使用对其进行修改

<form name="addcust" method="POST" action="insrtCustomer.php" id="form1" onsubmit="return validate(this)">
<table>
    <tr>
            <td>Customer Name</td>
            <td><input type="text" name="name" id="name"><label id="message"></label></td>
            <td>City</td><td><input type="text" name="city" maxlength="25"></td>
    </tr>
    <tr>
            <td>State</td><td><input type="text" name="state" maxlength="25"></td>
    </tr>
</table>
                <input type="submit" value="submit">
                </form>

客户名称
城市
陈述

Javascript

function validate(dis)
{
    var ele = dis.getElementsByTagName("input");
    for(var i=0;i<ele.length;i++)
    {
         if(ele[i].getAttribute("type") == "text")
         {
                if(ele[i].value == "")
                {
                    alert(ele[i].getAttribute('name')+" is required feild");
                    ele[i].focus();
                    return false;
                }
         }

        // you can check for radio and checkboxes
        //eg :  if(ele[i].getAttribute("type") == "radio")
        // {
                // Your code here     
        // }
    }

 return true; // to prevent from form submission use false
}

功能验证（dis）
{
var ele=dis.getElementsByTagName（“输入”）；
对于（var i=0；i您可以尝试此方法并相应地进行自定义|

您只需在validate函数中传递表单（此），它将检查所有文本框是否为空，您可以根据自己的使用对其进行修改

<form name="addcust" method="POST" action="insrtCustomer.php" id="form1" onsubmit="return validate(this)">
<table>
    <tr>
            <td>Customer Name</td>
            <td><input type="text" name="name" id="name"><label id="message"></label></td>
            <td>City</td><td><input type="text" name="city" maxlength="25"></td>
    </tr>
    <tr>
            <td>State</td><td><input type="text" name="state" maxlength="25"></td>
    </tr>
</table>
                <input type="submit" value="submit">
                </form>


客户名称
城市
陈述

Javascript

function validate(dis)
{
    var ele = dis.getElementsByTagName("input");
    for(var i=0;i<ele.length;i++)
    {
         if(ele[i].getAttribute("type") == "text")
         {
                if(ele[i].value == "")
                {
                    alert(ele[i].getAttribute('name')+" is required feild");
                    ele[i].focus();
                    return false;
                }
         }

        // you can check for radio and checkboxes
        //eg :  if(ele[i].getAttribute("type") == "radio")
        // {
                // Your code here     
        // }
    }

 return true; // to prevent from form submission use false
}

功能验证（dis）
{
var ele=dis.getElementsByTagName（“输入”）；
对于（var i=0；i您可以尝试此方法并相应地进行自定义|

您只需在validate函数中传递表单（此），它将检查所有文本框是否为空，您可以根据自己的使用对其进行修改

<form name="addcust" method="POST" action="insrtCustomer.php" id="form1" onsubmit="return validate(this)">
<table>
    <tr>
            <td>Customer Name</td>
            <td><input type="text" name="name" id="name"><label id="message"></label></td>
            <td>City</td><td><input type="text" name="city" maxlength="25"></td>
    </tr>
    <tr>
            <td>State</td><td><input type="text" name="state" maxlength="25"></td>
    </tr>
</table>
                <input type="submit" value="submit">
                </form>


客户名称
城市
陈述

Javascript

function validate(dis)
{
    var ele = dis.getElementsByTagName("input");
    for(var i=0;i<ele.length;i++)
    {
         if(ele[i].getAttribute("type") == "text")
         {
                if(ele[i].value == "")
                {
                    alert(ele[i].getAttribute('name')+" is required feild");
                    ele[i].focus();
                    return false;
                }
         }

        // you can check for radio and checkboxes
        //eg :  if(ele[i].getAttribute("type") == "radio")
        // {
                // Your code here     
        // }
    }

 return true; // to prevent from form submission use false
}

功能验证（dis）
{
var ele=dis.getElementsByTagName（“输入”）；
对于（var i=0；i您可以尝试此方法并相应地进行自定义|

您只需在validate函数中传递表单（此），它将检查所有文本框是否为空，您可以根据自己的使用对其进行修改

<form name="addcust" method="POST" action="insrtCustomer.php" id="form1" onsubmit="return validate(this)">
<table>
    <tr>
            <td>Customer Name</td>
            <td><input type="text" name="name" id="name"><label id="message"></label></td>
            <td>City</td><td><input type="text" name="city" maxlength="25"></td>
    </tr>
    <tr>
            <td>State</td><td><input type="text" name="state" maxlength="25"></td>
    </tr>
</table>
                <input type="submit" value="submit">
                </form>


客户名称
城市
陈述

Javascript

function validate(dis)
{
    var ele = dis.getElementsByTagName("input");
    for(var i=0;i<ele.length;i++)
    {
         if(ele[i].getAttribute("type") == "text")
         {
                if(ele[i].value == "")
                {
                    alert(ele[i].getAttribute('name')+" is required feild");
                    ele[i].focus();
                    return false;
                }
         }

        // you can check for radio and checkboxes
        //eg :  if(ele[i].getAttribute("type") == "radio")
        // {
                // Your code here     
        // }
    }

 return true; // to prevent from form submission use false
}

功能验证（dis）
{
var ele=dis.getElementsByTagName（“输入”）；
对于（var i=0；iHi Prateek。请避免将简单的链接作为问题的答案。至少，您应该包括代码示例和您链接到的文章摘要。请告诉我如何使用它？您好Sanjay Rathod，我还有一个示例要向您展示，我认为这将对您有所帮助。检查此链接。您需要更多帮助，我将演示你们好。@ahren thanx man。这对我给出更好的答案有很大帮助。下次我会记住。嗨，Prateek。请避免把简单的链接作为问题的答案。至少，你们应该包括代码示例和你们链接到的文章的摘要。请告诉我如何使用它？你好，Sanjay Rathod，我还有一个示例为了向你展示，我认为这会对你有所帮助。查看此链接。你需要更多帮助，我会向你解释。@ahren thanx man。这对我提供更好的答案有很大帮助。下次我会记住。嗨，Prateek。请避免将简单的链接作为问题的答案。至少，你应该包括代码示例和文章摘要你正在链接到。请告诉我如何使用它？你好，Sanjay Rathod，我还有一个例子要向你展示，我认为这会对你有所帮助。检查这个链接。你需要更多帮助，我会向你解释。@ahren thanx man。这对我给出更好的答案有很大帮助。下次我会记住。嗨，Pratek。请避免将简单的链接作为对qu的回答估计。至少，你应该包括代码示例和你链接到的文章摘要。请告诉我如何使用它？你好，桑杰·拉托德，我还有一个示例要向你展示，我认为这会对你有所帮助。检查此链接。你需要更多帮助，我会向你解释。@ahren thanx man。这对我提供更好的答案有很大帮助。下一步时间我会记住的。这只适用于空字段。但在实时验证中，它也应该适用于空白、特殊字符。因此，可以通过您的方法实现所有这些。是的，您可以完成所有类型的工作…一旦您完成jquery验证，您可以根据需要添加更多验证。这仅适用于空字段。Bu在实时验证中，它也应该是空白的，特殊字符。因此，可以用你的方法实现所有这些。是的，你可以做所有类型的事情…一旦你通过jquery验证，你可以根据需要添加更多的验证。这只适用于空字段。但在实时验证中，它应该是空白的，特殊的所有字符也可以。因此，可以通过您的方法实现所有这些。是的，您可以完成所有类型的工作…一旦您完成jquery验证，您可以根据需要添加更多验证。这仅适用于空字段。但在实时验证中，它也应该适用于空白、特殊字符。因此，可以导入