验证不正确
|
我想通过单击“提交”按钮来使我的验证工作。除非表格中的所有内容正确，否则我不希望淡出。我的验证可以在页面上进行，但不能在单击提交按钮时进行。.我不希望它使用我的隐藏功能，除非正确验证了整个表单。这是我的代码。这里有什么让你们兴奋的吗？修正了问题的措辞:)
<script type=\"text/javascript\">
$(document).ready(function($){
$.supersized({
//Background image
slides : [ { image : \'images/pendulumWeb.jpg\' } ]
});
$(\"form[name=emailSubmit]\").validate({
rules: {
title: {
required: true
},
fName: {
required: true
},
lName: {
required: true
},
profession: {
required: true
},
email: {
required: true,
email: true
},
phone: {
number: true
}
},
messages: {
title: {
required: \"Please enter your title.\"
},
fName: {
required: \"Please enter your first name\"
},
lName: {
required: \"Please enter your last name.\"
},
profession: {
required: \"Please enter your profession\"
},
email: {
required: \"Please enter your email\"
}
}
});
$(\"form#emailSubmit\").submit(function() {
// we want to store the values from the form input box, then send via ajax below
var title = $(\'#title\').attr(\'value\');
var fName = $(\'#fName\').attr(\'value\');
var lName = $(\'#lName\').attr(\'value\');
var profession = $(\'#profession\').attr(\'value\');
var email = $(\'#email\').attr(\'value\');
var phone = $(\'#phone\').attr(\'value\');
var message = $(\'#message\').attr(\'value\');
$.ajax({
type: \"POST\",
url: \"ajax.php\",
data: \"title=\"+ title +\"& fName=\"+ fName +\"& lName=\"+ lName +\"& profession=\"+ profession +\"& email=\"+ email +\"& phone=\"+ phone +\"& message=\"+ message,
success: function(){
$(\'form#emailSubmit\').hide(0,function() {
$(\'div#contact\').fadeOut(\'fast \');
$(\'div.success\').fadeIn(3000);
});
}
});
return false;
});
$(\'#contact\').animate({height: \'+=600px\'}, 3000, \'easeInOutExpo\');
$(\'#content\').fadeIn(6000);
});
</script>
<body>
<form id=\"emailSubmit\" name=\"emailSubmit\" method=\"post\">
<div id=\"submit\">
<table>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">Title*</span></td>
<td><input id=\"title\" name=\"title\" value=\"\" size=\"5\" max=\"3\" type=\"text\" />
</td>
</tr>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">First Name*</span></td>
<td><input id=\"fName\" name=\"fName\" value=\"\" size=\"20\" type=\"text\" /></td>
</tr>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">Last Name*</span></td>
<td><input id=\"lName\" name=\"lName\" value=\"\" size=\"20\" type=\"text\" /></td>
</tr>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">Profession*</span> </td>
<td><input id=\"profession\" name=\"profession\" value=\"\" size=\"20\" type=\"text\" /></td>
</tr>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">Email*</span> </td>
<td><input id=\"email\" name=\"email\" value=\"\" size=\"20\" type=\"text\" /></td>
</tr>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">Phone</span></td>
<td><input id=\"phone\" name=\"phone\" value=\"\" size=\"20\" type=\"text\" /></td>
</tr>
<tr style=\"height: 20px;\">
<td><span class=\"formTitles\">Message</span></td>
<td><textarea name=\"message\" id=\"message\" cols=\"50\" rows=\"5\"></textarea></td>
</tr>
<tr>
<td>aaaaaaaaaa</td>
<td></td>
</tr>
</table>
<table>
<tr>
<td><span class=\"formTitles\"></span></td>
<td><button class=\"buttonPositive\" type=\"submit\"> Submit</button></td>
</tr>
</table>
</div>
</form>
<div id=\"contact\">
<div id=\"content\" style=\"display: none;\">
</div>
</div>
<div class=\"success\" style=\"display: none;\">
</div>
没有找到相关结果
已邀请:
2 个回复
完趣镐
：$(\"form#emailSubmit\").submit(function() { if (!$(this).valid()) { alert(\"Naughty naughty!\"); return false; } // we want to store the values from the form input box, then send via ajax below ...破弯
$(\"form[name=emailSubmit]\").validate({ $(\"form#emailSubmit\").submit(function() {