表单验证规则，忽略表单、规则
2023-09-10 19:43:32
作者：不二情仅一心i
我试图实现一个表单验证了jQuery插件。如果我点击提交按钮没有任何反应，除了PHP code成为执行和饼干用户ID 和用户名成为创建。加入 $。阿贾克斯（{在表单验证规则被忽略，重定向失败，但没有 $。阿贾克斯（{ PHP的code无法工作，如何才能验证，PHP code和重定向一起工作？
我的HTML code：
＆LT; HEAD＆GT;
＆LT;元的charset =UTF-8/＆GT;
＆LT;冠军＆GT;
HTML文档结构
＆LT; /标题＆GT;
＆LT;链接相对=样式类型=文/ CSS的href =style.css文件/＆GT;
＆LT;链接相对=样式表的href =主题/我-costum-theme.min.css/＆GT;
＆LT;链接相对=样式表的href =主题/ jquery.mobile.icons.min.css/＆GT;
＆所述;脚本的src =的http：//$c$c.jquery.com/jquery-2.1.3.min.js＆GT;＆所述; /脚本＆GT;
＆所述;脚本的src =的http：//$c$c.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js＆GT;＆所述; /脚本＆GT;
＆LT;链接相对=样式表的href =HTTP：//$c$c.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css/＆GT;
＆LT;脚本src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
＆LT;！ - Einstellungen楚确定指标ALS Web应用程序 - ＆GT;
＆LT; META NAME =苹果移动网络应用能力的内容=是/＆GT;
＆LT; META NAME =视口内容=WIDTH =装置宽度，初始规模为1，最大规模= 1＆GT;
＆所述;脚本的src =loadagain.js＆GT;＆所述; /脚本＆GT;
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
$（'＃MyForm的'）。验证（{//初始化插件
规则：{
用户名：{
要求：真实，
MINLENGTH：2，
最大长度：30
}，
密码： {
要求：真实，
MINLENGTH：3，
最大长度：30
}
}，
submitHandler：功能（形式）{//进行演示
$阿贾克斯（{
类型：'后'，
网址：loginprivate.php// URL要发布的东西。
数据：{
用户名：'根'，
密码： ''
}，
成功：函数（RES）{
//在这里你会得到资源从PHP页面响应，无论是登录还是有些错误。
window.location.href =HTTP：//localhost/loc/main.php;
}
}）;
返回false; //用于演示
}
}）;
}）;
＆LT; / SCRIPT＆GT;
＆LT; /头＆GT;
＆LT;身体GT;
＆LT; DIV CLASS =UI页的数据主题=b的数据角色=页面＆GT;
＆LT; DIV数据角色=头＆GT;＆LT; H1＆GT; localcorps＆LT; / H1＆GT;＆LT; / DIV＆GT;
＆LT; DIV ID =wrapper1的风格=宽度：90％;填充右：5％;填充左：5％NAME =wrapper1＆GT;
＆LT;表格名称=登录形式的ID =MyForm的类=登录形式的行动=./ loginprivate.php的方法=邮报＆GT;
＆LT; DIV CLASS =头1＆GT;＆LT; / DIV＆GT;
＆LT; DIV CLASS =内容1＆GT;
＆LT; DIV数据角色=fieldcontain＆GT;
＆LT;标签=用户名和GT;用户名：LT; /标签＆gt;
＆LT;输入名称=用户名类型=文字级=输入用户名ID =用户名/＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; DIV数据角色=fieldcontain＆GT;
＆LT;标签=密码＆GT;密码：LT; /标签＆gt;
＆LT;输入名称=密码类型=密码级=输入密码ID =密码/＆GT;
＆LT; / DIV＆GT;
＆LT; DIV CLASS =页脚＆GT;
＆LT;输入类型=提交名称=提交值=登陆级=按钮/＆GT;
＆LT; / DIV＆GT;
＆LT; /形式GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; / DIV＆GT;
＆LT; /身体GT;
我的PHP code：
如果（使用isset（$ _ POST [提交]））
{
$主机='localhost'的;
$用户名='根';
$密码='';
取消设置（$ _ POST ['密码']）;
$盐='';
为（$ i = 0; $ I＆LT; 22; $ I ++）{
。$盐= SUBSTR（'./ ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'，mt_rand（0，63），1）;
}
$ _ POST ['密码'] =隐窝（$ _ POST ['密码']，'$ 2A $ 10 $'$盐。）;
$新= 0;
尝试 {
$胸径=新PDO（mysql的：主机= $主机名，数据库名=搜索，$用户名，密码$）
$ dbh-＆GT;的setAttribute（PDO :: ATTR_ERRMODE，PDO :: ERRMODE_EXCEPTION）; //＆LT; ==加入这一行
$ SQL =插入用户（用户名，密码）
值（，[密码。$ _ POST。''[用户名]。$ _ POST。）;
如果（$ dbh-＆GT;查询（$的SQL））{
回声新记录插入成功;
}
其他{
回应数据无法顺利插入。
}
$新= $ dbh-＆GT; lastInsertId（）;
$胸径= NULL;
}
赶上（PDOException $ E）
{
回声$ E-＆GT;的getMessage（）;
}
如果（$新大于0）
{
$ t =时间（）+ 60 * 60 * 24 * 1000;
setCookie方法（用户名，$ _ POST ['用户名']，$ T）;
的setcookie（用户id，$新，$ T）;
}
其他
{
}
}
解决方案
所以，更新 AJAX 与内置函数在调用的validate（）
＆LT;脚本＆GT;
$（文件）。就绪（函数（）{
$（'＃MyForm的'）。验证（{//初始化插件
规则：{
用户名：{
要求：真实，
MINLENGTH：2，
最大长度：30
}，
密码： {
要求：真实，
MINLENGTH：3，
最大长度：30
}
}，
submitHandler：功能（形式）{
//做其他事情的一个有效形式
form.submit（）; //将提交表单。
返回false; //禁用默认提交。
}
}）;
}）;
＆LT; / SCRIPT＆GT;
有关更读出的 这里 ，然后看看具体的的例子图2和3 的
I try to implement a form validation with a jquery plugin. If I click the submit button nothing happens except the php code become executed and the cookies userid and username become created. After adding $.ajax({ the form validation rules be ignored and the redirecting fail, but without $.ajax({ the php code wont work. How can validation, php code and redirecting work together?
my html code:
<head>
<meta charset="UTF-8" />
<title>
HTML Document Structure
</title>
<link rel="stylesheet" type="text/css" href="style.css" />
<link rel="stylesheet" href="themes/my-costum-theme.min.css" />
<link rel="stylesheet" href="themes/jquery.mobile.icons.min.css" />
<script src="http://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="http://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.5/jquery.mobile.structure-1.4.5.min.css" />
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.14.0/jquery.validate.min.js"></script>
<!-- Einstellungen zur Defintion als WebApp -->
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script src="loadagain.js"></script>
<script>
$(document).ready(function () {
$('#myform').validate({ // initialize the plugin
rules: {
username: {
required: true,
minlength: 2,
maxlength: 30
},
password: {
required: true,
minlength: 3,
maxlength: 30
}
},
submitHandler: function (form) { // for demo
$.ajax({
type: 'post',
url: 'loginprivate.php' //url where you want to post the stuff.
data:{
username: 'root',
password: ''
},
success: function(res){
//here you will get res as response from php page, either logged in or some error.
window.location.href = "http://localhost/loc/main.php";
}
});
return false; // for demo
}
});
});
</script>
</head>
<body>
<div class="ui-page" data-theme="b" data-role="page">
<div data-role="header"><h1>localcorps</h1></div>
<div id="wrapper1" style=" width: 90%; padding-right:5%; padding-left:5%" name="wrapper1">
<form name="login-form" id="myform" class="login-form" action="./loginprivate.php" method="post">
<div class="header1"></div>
<div class="content1">
<div data-role="fieldcontain">
<label for="username">Username:</label>
<input name="username" type="text" class="input username" id="username"/>
</div>
</div>
<div data-role="fieldcontain">
<label for="password">Password:</label>
<input name="password" type="password" class="input password" id="password"/>
</div>
<div class="footer">
<input type="submit" name="submit" value="Login" class="button"/>
</div>
</form>
</div>
</div>
</div>
</body>
my php code:
if(isset($_POST["submit"]))
{
$hostname='localhost';
$username='root';
$password='';
unset($_POST['password']);
$salt = '';
for ($i = 0; $i < 22; $i++) {
$salt .= substr('./ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789', mt_rand(0, 63), 1);
}
$_POST['password'] = crypt($_POST['password'],'$2a$10$'.$salt);
$new = 0;
try {
$dbh = new PDO("mysql:host=$hostname;dbname=search",$username,$password);
$dbh->setAttribute(PDO::ATTR_ERRMODE, PDO::ERRMODE_EXCEPTION); // <== add this line
$sql = "INSERT INTO users (username, password)
VALUES ('".$_POST["username"]."','".$_POST["password"]."')";
if ($dbh->query($sql)) {
echo "New Record Inserted Successfully";
}
else{
echo "Data not successfully Inserted.";
}
$new = $dbh->lastInsertId();
$dbh = null;
}
catch(PDOException $e)
{
echo $e->getMessage();
}
if ($new > 0)
{
$t = time() + 60 * 60 * 24 * 1000;
setcookie("username", $_POST['username'], $t);
setcookie("userid", $new , $t);
}
else
{
}
}
解决方案
so, update the ajax call with builtin function in validate()
<script>
$(document).ready(function () {
$('#myform').validate({ // initialize the plugin
rules: {
username: {
required: true,
minlength: 2,
maxlength: 30
},
password: {
required: true,
minlength: 3,
maxlength: 30
}
},
submitHandler: function (form) {
// do other things for a valid form
form.submit(); //will submit your form.
return false; // disables default submit.
}
});
});
</script>
for more read out HERE, and specifically look at example 2 and 3.
相关推荐
猜您喜欢
精彩图集
