Question

当我有$（＆＃34; body）.on（＆＃39;更改＆＃39;）时，未定义的功能不会出现在文档的加载中....

我将语法更改为jQuery（＆＃34; body＆＃34;）。on（＆＃39;更改＆＃39;）并且undefined在加载时消失.....现在它会在更改时抛出错误事件......我可以改变其他一些语法来解决这个问题吗？

jQuery("body").on('change', "#signup_form", function(event){

var day = $("#field_7_day").val();
var month = $("#field_7_month").val();
var year = $("#field_7_year").val();
var age = 18;
var mydate = new Date();
mydate.setFullYear(year, month-1, day);

var currdate = new Date();
currdate.setFullYear(currdate.getFullYear() - age);
if ((currdate - mydate) < 0){
    alert("Sorry, only persons over the age of " + age + " may enter this site");
    return false;
}
return true;   
});

HTML

<form action="" name="signup_form" id="signup_form" class="standard-form" method="post" enctype="multipart/form-data">
   <div class="register-section" id="profile-details-section">
     <h4>Profile Details</h4>
<div class="editfield">
  <div class="datebox">
   <label class="label-form required" for="field_7_day">Birthday (required)</label>
    <select name="field_7_day" id="field_7_day" aria-required="true">
     <option value="">--</option>
     <option value="1">1</option>
     <option value="27">27</option>
    </select>
    <select name="field_7_month" id="field_7_month" aria-required="true">
     <option value="">------</option>
     <option value="January">January</option>
     <option value="February">February</option>
     <option value="March">March</option>
    </select>
<select name="field_7_year" id="field_7_year" aria-required="true" required="required">
     <option value="">----</option>
     <option value="2013">2013</option>
     <option value="2012">2012</option>
</select>       
    </div>

<div class="field-visibility-settings" id="field-visibility-settings-7" style="display: none;">
<input type="hidden" name="signup_profile_field_ids" id="signup_profile_field_ids" value="1,7,30,2,5,6,26">
</div><!-- #profile-details-section -->
<div class="submit">
<input type="submit" name="signup_submit" id="signup_submit" value="Complete Sign Up">
</div>
<input type="hidden" id="_wpnonce" name="_wpnonce" value="da99d8eeb9"><input type="hidden" name="_wp_http_referer" value="/register/">

我删除了一些选项，如果那些不明显，所以它没有弄乱页面，这只是整体形式的一部分......

如果在提交之前选择了所有3个选择框，我希望能够进行此验证...如果有人能指出我正确的方向，那么事情会发生变化吗？谢谢！

Answer 1

您可以使用表单更改事件...

$(document).on('submit', "#signup_form", function(event){
    ....
});

您可以尝试使用jsfiddle.net使其全部工作。

这是你的代码的jsfiddle模型......你可以试验，但它在这里工作。：）

http://jsfiddle.net/xyq75znv/5/

导致错误未定义的JQuery年龄验证方法不是一个函数

1 个答案: