Fatal编程技术网

Javascript 如何实现jquery验证

javascript php jquery html

Javascript 如何实现jquery验证,javascript,php,jquery,html,Javascript,Php,Jquery,Html,你好，朋友们，你们能帮我解决验证问题吗？如何用一些特定的带条件的字段获得jQuery验证。我试过了，但没有解决。请任何人解决这个正确的代码，其他任何人回答我这个问题 <html> <head> <title>data for validation</title> <script src="jquery-1.12.0.min.js" type="text/javascript"></script> <script sr

你好，朋友们，你们能帮我解决验证问题吗？如何用一些特定的带条件的字段获得jQuery验证。我试过了，但没有解决。请任何人解决这个正确的代码，其他任何人回答我这个问题

<html>
<head>
<title>data for validation</title>
<script src="jquery-1.12.0.min.js" type="text/javascript"></script>
 <script src="jquery.validate.min.js" type="text/javascript"></script>
 <script>
 $(document).ready(function(){
     $("#frm").validate({
                 rules:{
                     username:{
                         required:true,
                         myupper:true
                     },

                     password:{
                         required:true,
                         minlength:3
                     },
                 },messages:{
                    username:{
                         required:"User Name Required"

                     },
                     password:{
                         required:"password Required",

                     },
                 }
 });
 });
 </script>
</head>
<body>
    <form action="" method="post" id="frm">
       <table border="1" align="center">
         <h1 align ="center" style="color:red">Registration form!!!</h1>
         <tr>
           <th>username</th>
           <td><input type="text" pattern="^([a-zA-Z0-9)$" maxlength="10" name="username" placeholder="Enter username"></td>
        </tr>
        <tr>
          <th>password</th>
          <td><input type="password" maxlength="10" name="password" placeholder="Enter password"></td>
        </tr>
        <tr>
        <tr>
           <td colspan="2" align="center"><input type="submit"  name="submit" value="submit"/></td>
        </tr>
     </table>
   </form>
</body>
</html>


用于验证的数据
$（文档）.ready（函数（）{
$（“#frm”）。验证({
规则：{
用户名：{
要求：正确，
myupper：是的
},
密码：{
要求：正确，
最小长度：3
},
}，讯息：{
用户名：{
必需：“必需用户名”
},
密码：{
必需：“需要密码”，
},
}
});
});
登记表！！！
用户名
密码
试试这样的方法：

$('#form_id').validate({
    rules:{
        name : 
        {
            required: true
        },
        email : 
        {
            required: true,
            email : true
        },
        and so on
    },
    messages:{
        name : 
        {
            required: "message"
        },
        email : 
        {
            required: "message",
            email : "message"
        }
    }
});

试试这样的方法：

$('#form_id').validate({
    rules:{
        name : 
        {
            required: true
        },
        email : 
        {
            required: true,
            email : true
        },
        and so on
    },
    messages:{
        name : 
        {
            required: "message"
        },
        email : 
        {
            required: "message",
            email : "message"
        }
    }
});



用于验证的数据
.ErrorField{
边框：1px实心#D00！重要；
颜色：#D00！重要；
}
span.ValidationErrors{
颜色：#F84B4B；
字体大小：12px；
底部：0px；
位置：相对位置；
}
$（函数（）{
$（“#用户名”）。验证({
表达式：“if（VAL）返回true；else返回false；”，
消息：“需要名字”
});
$（“#用户名”）。验证({
表达式：“if（VAL.match（/^[A-Z]*$/）返回true；else返回false；”，
消息：“应为大写”
});
$（“#密码”）。验证({
表达式：“if（VAL）返回true；else返回false；”，
消息：“需要密码”
});
});
登记表！！！
用户名
密码


用于验证的数据
.ErrorField{
边框：1px实心#D00！重要；
颜色：#D00！重要；
}
span.ValidationErrors{
颜色：#F84B4B；
字体大小：12px；
底部：0px；
位置：相对位置；
}
$（函数（）{
$（“#用户名”）。验证({
表达式：“if（VAL）返回true；else返回false；”，
消息：“需要名字”
});
$（“#用户名”）。验证({
表达式：“if（VAL.match（/^[A-Z]*$/）返回true；else返回false；”，
消息：“应为大写”
});
$（“#密码”）。验证({
表达式：“if（VAL）返回true；else返回false；”，
消息：“需要密码”
});
});
登记表！！！
用户名
密码

$.validator.addMethod（“myupper”，函数（值，元素）{
返回/^[A-Z]*$/.test（值）；
}); 
$（文档）.ready（函数（）{
$（“#frm”）。验证({
规则：{
用户名：{
要求：正确，
myupper：是的
},
密码：{
要求：正确，
最小长度：3
},
}，讯息：{
用户名：{
必需：“必需用户名”，
myupper:“用户名必须是大写”
},
密码：{
必需：“需要密码”，
minlength:“至少需要3个字符”
},
}
});
});


登记表！！！
用户名
密码



$.validator.addMethod（“myupper”，函数（值，元素）{
返回/^[A-Z]*$/.test（值）；
}); 
$（文档）.ready（函数（）{
$（“#frm”）。验证({
规则：{
用户名：{
要求：正确，
myupper：是的
},
密码：{
要求：正确，
最小长度：3
},
}，讯息：{
用户名：{
必需：“必需用户名”，
myupper:“用户名必须是大写”
},
密码：{
必需：“需要密码”，
minlength:“至少需要3个字符”
},
}
});
});


登记表！！！
用户名
密码

但是在哪里分配大写条件brother？@dhruv但你没有提到任何类似大写的要求。但是在哪里分配大写条件brother？@dhruv但你没有提到任何类似大写的要求。你能告诉我们你的代码的确切问题吗？用户名中的大写字母？如果在用户名i中添加了大写条件您能告诉我们您的代码的确切问题吗？用户名中的大写条件？如果在用户名中添加了大写条件，请在回答中添加一些说明，以便任何人都能轻松理解。亲爱的，您的代码是对的，但我想输入大写用户名条件？是的，检查了代码片段，如果用户名为小写，则会显示错误消息。请检查它。现在已检查，它将直接将小写转换为大写@dhruv@dhruv好啊如果有助于您在答案中添加一些说明，以便任何人都能轻松理解，您可以向上投票并接受我的答案。亲爱的，您的代码是正确的，但我想要大写用户名条件？是，检查了代码段，如果用户名是小写，则有错误消息。检查它。现在检查，它直接将小写转换为大写@dhruv@dhruv好的，如果对你有帮助的话，你可以投票接受我的答案