Jquery plugins dler,如果它是有效的。@ThiefMaster我正在使用jquery验证插件。你能给我提供工作示例吗?请告诉我,我对jquey和ajax@user748222我想这会对您有所帮助我不想使用我的逻辑进行验证,但我不知道如何使用当前的jquery脚本来完成
Jquery plugins dler,如果它是有效的。@ThiefMaster我正在使用jquery验证插件。你能给我提供工作示例吗?请告诉我,我对jquey和ajax@user748222我想这会对您有所帮助我不想使用我的逻辑进行验证,但我不知道如何使用当前的jquery脚本来完成,jquery-plugins,jquery,jquery-selectors,jquery-validate,Jquery Plugins,Jquery,Jquery Selectors,Jquery Validate,dler,如果它是有效的。@ThiefMaster我正在使用jquery验证插件。你能给我提供工作示例吗?请告诉我,我对jquey和ajax@user748222我想这会对您有所帮助我不想使用我的逻辑进行验证,但我不知道如何使用当前的jquery脚本来完成验证。。。你能帮我一下吗?你的代码完全错了。加载页面时验证表单,并且仅在表单有效时设置ajax提交处理程序。@ThiefMaster我正在使用jquery验证插件。请提供工作示例,我不太了解jquey和ajax@user748222我想会对你有
dler,如果它是有效的。@ThiefMaster我正在使用jquery验证插件。你能给我提供工作示例吗?请告诉我,我对jquey和ajax@user748222我想这会对您有所帮助我不想使用我的逻辑进行验证,但我不知道如何使用当前的jquery脚本来完成验证。。。你能帮我一下吗?你的代码完全错了。加载页面时验证表单,并且仅在表单有效时设置ajax提交处理程序。@ThiefMaster我正在使用jquery验证插件。请提供工作示例,我不太了解jquey和ajax@user748222我想会对你有帮助的嗨,你能给我提供工作脚本吗。。我不知道如何整合验证和提交。如果您复制我提供的代码,并将其粘贴到
$.ajax之前(在您的示例中,{
应该有效。如果有效,请投票支持我的答案,让我知道。)您好,请提供工作脚本。我不知道如何集成验证和提交。如果您复制我提供的代码,并将其粘贴到$.ajax之前,我就是初学者({
在您的示例中,它应该可以工作。如果它可以工作,请通过投票支持我的答案让我知道。)
$(document).ready(function() {
$("form#form").submit(function() {
var bno = $("#bno").val();
var date = $("#date").val();
var hour = $("#hour").val();
var minute = $("#minute").val();
var dataString = 'bno=' + bno + '&date=' + date + '&hour=' + hour + '&minute=' + minute;
$.ajax({
type: "POST",
url: "editb.php",
data: dataString,
success: function(){
$('.mform').hide();
$('.success').show();
}
});
return false;
});
});
<form method="post" name="form" id="form">
<fieldset id="opt">
<legend>Change Journy Date</legend>
<label for="choice">Journy Date : </label>
<input type="text" id="date" name="date" value=""> <br />
</fieldset>
<fieldset id="personal">
<legend>Change Journy Time</legend>
<label for="lastname">Journy Time : </label>
<select id="hour" name="hour">
<option value="">HH</option>
<option value="00">00</option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option>
</select><select id="minute" name="minute">
<option value="">MM</option>
<option value="00">00</option>
<option value="05">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
<input type="hidden" name="bno" id="bno" value="<?=$bookingno?>" />
</fieldset>
<div align="center">
<input id="button2" type="submit" value="Update" />
<input id="button2" type="reset" />
</div>
</form>
<div class="success" style="display: none;"><div id="box"><p><strong><center>FORM SUBMITTED SUCCESSFULLY</center></strong></p></div></div>
<script>
$(document).ready(function(){
$("#form").validate();
if($("#form").valid())
{
$('#form').submit(function() {
// inside event callbacks 'this' is the DOM element so we first
// wrap it in a jQuery object and then invoke ajaxSubmit
$(this).ajaxSubmit();
// !!! Important !!!
// always return false to prevent standard browser submit and page navigation
return false;
}
});
</script>
<script type="text/javascript" src="/css/js/jquery.validate.js"></script>
<script type="text/javascript" src="/css/js/jquery.form.js"></script>
<form method="post" name="form" id="form">
<fieldset id="opt">
<legend>Change Journy Date</legend>
<label for="choice">Journy Date : </label>
<input type="text" id="date" name="date" value=""> <br />
</fieldset>
<fieldset id="personal">
<legend>Change Journy Time</legend>
<label for="lastname">Journy Time : </label>
<select id="hour" name="hour">
<option value="">HH</option>
<option value="00">00</option><option value="01">01</option><option value="02">02</option><option value="03">03</option><option value="04">04</option><option value="05">05</option><option value="06">06</option><option value="07">07</option><option value="08">08</option><option value="09">09</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option>
</select><select id="minute" name="minute">
<option value="">MM</option>
<option value="00">00</option>
<option value="05">05</option>
<option value="10">10</option>
<option value="15">15</option>
<option value="20">20</option>
<option value="25">25</option>
<option value="30">30</option>
<option value="35">35</option>
<option value="40">40</option>
<option value="45">45</option>
<option value="50">50</option>
<option value="55">55</option>
</select>
<input type="hidden" name="bno" id="bno" value="<?=$bookingno?>" />
</fieldset>
<div align="center">
<input id="button2" type="submit" value="Update" />
<input id="button2" type="reset" />
</div>
</form>
<div class="success" style="display: none;"><div id="box"><p><strong><center>FORM SUBMITTED SUCCESSFULLY</center></strong></p></div></div>
var valid = false, match = false;
if (date) {
match = date.match(/^\s*(\d\d?)-(\d\d?)-(\d{4})\s*$/);
if (match) {
dateobj = new Date(match[3], match[1]-1, match[2]);
valid = dateobj.getFullYear() == match[3]
&& dateobj.getDate() == match[2]
&& dateobj.getMonth()+1 == match[1];
}
}
if (!match)
alert('Please enter date as MM-DD-YYYY');
if (!valid)
alert(date+' is an invalid date');
if (!match || !valid)
return false;
if (hour == undefined || !hour.length) {
alert('Please select hour'); return false;
}
if (minute == undefined || !minute.length) {
alert('Please select minute'); return false;
}