嗨,我有一个简单的模式弹出窗口,其中有 3 个名称字段和 3 个彼此相邻的电子邮件字段。我是 jQuery 的新手,所以任何人都可以帮助我如何为以下案例编写逻辑吗?
名字字段和电子邮件字段是必需的,因此我将类保留为必填字段,但其他两个名称和电子邮件字段是可选的,但如果我在名称字段中输入值,我必须在电子邮件字段中输入值。换句话说,如果名称字段不为空,则电子邮件字段不应为空。请让我知道是否有人可以帮助我,谢谢。
jQuery代码如下它从ajax获取数据
function shareWithAFriend(itemId) {
$.ajax({
url: "shareWithAFriend.do?itemId="+itemId,
type: "GET",
success: function(html) {
$("#tellInfoPop").html(html);
$("#itemId").val(itemId);
$("#emailFriend").validate({
errorClass: "formError",
errorContainer: "#referAFriendFormError",
errorLabelContainer: "#referAFriendFormError",
onfocusout: false,
wrapper: 'li',
messages: {
referName01: {
required: "<@spring.message "referAFriend.error.nameRequired"/>"
},
referEmail01: {
required: "<@spring.message "referAFriend.error.emailRequired"/>",
email: "<@spring.message "referAFriend.error.emailFormat"/>"
},
referEmail02: {
email: "<@spring.message "referAFriend.error.emailFormat"/>"
},
referEmail03: {
email: "<@spring.message "referAFriend.error.emailFormat"/>"
},
securityKey: {
required: "<@spring.message "referAFriend.error.securityRequired"/>"
}
},
groups: {
emailGroup: "referEmail01 referEmail02 referEmail03"
},
Html 代码是休闲的
<div class="leftCol">
<label for="emailToName1" class="formLabel"><span class="required">*</span>Name:</label>
<div><input type="text" id="emailToName1" name="referName01" value="${referAFriendBean.referName01!}" class="required" tabindex="1" /></div>
<div class="pad5Top"><input type="text" id="emailToName2" name="referName02" value="${referAFriendBean.referName02!}" tabindex="3" /></div>
<div class="pad5Top"><input type="text" id="emailToName3" name="referName03" value="${referAFriendBean.referName03!}" tabindex="5" /></div>
</div>
<div class="rightCol">
<label for="emailToAddress1" class="formLabel"><span class="required">*</span>Email address:</label>
<div><input type="text" id="emailToAddress1" name="referEmail01" value="${referAFriendBean.referEmail01!}" class="required email" tabindex="2" /></div>
<div class="pad5Top"><input type="text" id="emailToAddress2" name="referEmail02" class="email" tabindex="4" value="${referAFriendBean.referEmail02!}" /></div>
<div class="pad5Top"><input type="text" id="emailToAddress3" name="referEmail03" class="email" tabindex="6" value="${referAFriendBean.referEmail03!}" /></div>
</div>
</div>