Javascript 第页第二个表单的JQuery表单验证问题_Javascript_Jquery_Forms_Validation

Javascript 第页第二个表单的JQuery表单验证问题

javascript jquery forms validation

Javascript 第页第二个表单的JQuery表单验证问题,javascript,jquery,forms,validation,Javascript,Jquery,Forms,Validation,我在使用jquery验证表单时遇到问题页面上有两个表单，一个是隐藏的，当按下按钮时下拉（这个表单验证），另一个是主联系人表单，它只验证Firstname字段这是我想要使用的表单代码 <form method="post" name="new-form" id="new-form" action="http://rpm.runway.com.au/actions/form/globalformaction.jsp" class="contactform"> <div

我在使用jquery验证表单时遇到问题

页面上有两个表单，一个是隐藏的，当按下按钮时下拉（这个表单验证），另一个是主联系人表单，它只验证Firstname字段

这是我想要使用的表单代码

    <form method="post" name="new-form" id="new-form" action="http://rpm.runway.com.au/actions/form/globalformaction.jsp" class="contactform">
<div class="new-form">
<div class="formblock">
    <label class="lbl">First Name*</label> <input type="text" id="FirstName" name="FirstName" class="reginput" /></div></div>
</div>

<div class="formblock">
    <label class="lbl">Last Name*</label> <input type="text"  id="LastName" name="LastName"  class="reginput"/>
</div>

<div class="formblock">
    <label class="lbl">Email*</label> <input type="email" id="Email" name="Email"  class="reginput" />
</div>

<div class="formblock">
   <label class="lbl">Phone*</label> <input type="text" id="Mobile"  name="Mobile"  class="reginput" />
</div>  

<div class="formblock">
  <label class="lbl">Source of Enquiry*</label>
    <select id="Answer0F1M413K11419D8M20081M8S3K5Q" name="Answer0F1M413K11419D8M20081M8S3K5Q">
    <option value="">Please select</option>
    <option>Online</option>
    <option>realesate.com.au </option>
    <option>Facebook / Social Media</option>
    <option>Signage</option>
    <option>Builder</option>
    <option>Newspaper</option>
    <option>Word of mouth</option>
    <option>Other</option>
    </select>
    </div>

<div class="formblock">
  <label class="lbl">Postcode* </label> <input type="text" id="Postcode"  name="Postcode"  class="reginput" />
</div>

<div class="formblock">
    <div class=""><label class="lbl">Enquiry</label> <textarea  class="reginput"></textarea></div>
</div>


名字*
姓氏*
电子邮件*
电话*
查询来源*
请选择
在线 的
realesate.com.au
Facebook/社交媒体
标记
建设者
报纸
口头传述的
另外
邮政编码*
询问

这是Jquery代码

<script type="text/javascript">
        jQuery(document).ready(function($){
            $('.btn-register').click(function(){
                    $('.regform').fadeIn('slow');
            });
            $('.close').click(function(){
                    $('.regform').fadeOut('slow');
            });

            $('.contact-us-form').click(function(){
                    $('.contact-us-panel').toggle('slow');
            });
        });

        jQuery(document).ready(function($) {

jQuery('#new-form').change(function() {
 var value1= jQuery('#FirstName').val(); // or $(this).val()
 var value2= jQuery('#LastName').val(); // or $(this).val()
 var value3= jQuery('#Email').val();
 var value4= jQuery('#Mobile').val();
 var value5= jQuery('#Source').val();
 var value6= jQuery('#Postcode').val();
 });
  // validate the comment form when it is submitted
  jQuery("#new-form").validate({
        rules: {

            FirstName: "required",
            LastName: "required",
            Email: { required:true, email:true } ,   
            Mobile: "required",
            Source: "required",
            State: "required",
            Postcode: "required",

        },
        messages: {
            FirstName: "required",
            LastName: "required",
            Email: "required",   
            Mobile: "required",
            Source: "required",
            State: "required",
            Postcode: "required",
        },
});


});


jQuery（文档）.ready（函数（$）{
$（'.btn register'）。单击（函数（）{
$（'.regform'）.fadeIn（'slow'）；
});
$（'.close'）。单击（函数（）{
$（'.regform'）.fadeOut（'slow'）；
});
$（'.contact-us form'）。单击（函数（）{
$（'.contact-us panel'）。切换（'slow'）；
});
});
jQuery（文档）.ready（函数（$）{
jQuery（“#新表单”）.change（function（）{
var value1=jQuery（'#FirstName'）.val（）；//或$（this.val（））
var value2=jQuery（'#LastName'）.val（）；//或$（this.val（））
var value3=jQuery（'#Email'）.val（）；
var value4=jQuery（'#Mobile'）.val（）；
var value5=jQuery（'#Source'）.val（）；
var value6=jQuery（'#Postcode'）.val（）；
});
//提交评论表单时验证该表单
jQuery（“#新表单”）.validate({
规则：{
名字：“必选”，
姓氏：“必需”，
电子邮件：{required:true，Email:true}，
手机：“必选”，
资料来源：“必需”，
声明：“必需”，
邮政编码：“必填”，
},
信息：{
名字：“必选”，
姓氏：“必需”，
电子邮件：“必需”，
手机：“必选”，
资料来源：“必需”，
声明：“必需”，
邮政编码：“必填”，
},
});
});

下面是正在验证和提交的另一个表单的代码

<form method="post" name="register-form" id="register-form" action="http://rpm.runway.com.au/actions/form/globalformaction.jsp" class="regform">
<div class="row firstrow">
<div class="col-md-12 titlecol">
    <h2 class="title formtitle">REGISTER NOW</h2>
<p class="desc">For exclusive updates on the launch of xyz please enter your details below</p>
<span class="close">X</span>
</div>
</div>
<div class="row secondrow">
    <div class="col-md-6 leftcol"><label class="lbl">first name*</label> <input type="text" id="FirstName" name="FirstName" class="reginput" /></div>
    <div class="col-md-6"><label class="lbl">last name*</label> <input type="text"  id="LastName" name="LastName"  class="reginput"/></div>
</div>
  <div class="row">
    <div class="col-md-6 leftcol"><label class="lbl">email* </label><input type="email" id="Email" name="Email"  class="reginput" /></div>
    <div class="col-md-6"><label class="lbl">phone* </label><input type="text" id="Mobile"  name="Mobile"  class="reginput" /></div>
    </div>
  <div class="row">
    <div class="col-md-6 leftcol"><label class="lbl">source of enquiry*</label>
    <select id="Answer0F1M413K11419D8M20081M8S3K5Q" name="Answer0F1M413K11419D8M20081M8S3K5Q">
    <option value="">Please select</option>
    <option>Online</option>
    <option>realesate.com.au </option>
    <option>Facebook / Social Media</option>
    <option>Signage</option>
    <option>Builder</option>
    <option>Newspaper</option>
    <option>Word of mouth</option>
    <option>Other</option>
    </select>
    </div>
    <div class="col-md-6"><label class="lbl">postcode* </label><input type="text" id="Postcode"  name="Postcode"  class="reginput" /></div>
 </div>
  <div class="row">
    <div class="col-md-12 colcomments"><label class="lbl">comments</label><textarea  class="reginput"></textarea></div>
  </div>
  <div class="row">
    <div class="col-md-12 submitcol"><input class="submit" type="submit" value="SUBMIT"></div>
    <a class="privacy" href="http://website.com/privacy-policy/" target="_blank">Privacy policy</a>
  </div>
</table>
<input type="hidden" name="GroupID" value="0T1C4S3A2Q5L22981L6O0O3H6U66">                                                                                                                                                                                                
<input type="hidden" name="NewContactStatusID" value="2f3c4880-dcd5-102c-8f29-644220d7d8b3">
<input type="hidden" name="Source" value="website">
<input type="hidden" name="NotificationTemplateID" value="0B1T3Q1C16743R0Z09472F1X430U">                                                                                                                                                                     
<input type="hidden" name="TemplateID" value="0Q1P423Y5U2V1W278A9U5W225493" >
<input type="hidden" name="LocationID" value="0Q1A4Q382D5222973O4J3T0F3F5T">   
<input type="hidden" name="-redirect"  value="http://website.com/registration-thanks/">   <!-- SET the value attribute dynamically to the URL of the page you want to redirect on submission of form     --> 
<input type="hidden" name="QuestionID" value="0F1M413K11419D8M20081M8S3K5Q" />

</form>


现在注册
有关xyz发布的独家更新，请在下面输入您的详细信息
X
名字*
姓氏*
电子邮件*
电话*
查询来源*
请选择
在线 的
realesate.com.au
Facebook/社交媒体
标记
建设者
报纸
口头传述的
另外
邮政编码*
评论

为什么只有名字在firstform上有效？

它验证第一个表单的所有字段？你到底想要什么…是的，我想验证第一个表单上的所有字段。谢谢@史蒂夫米尔斯，第一张表格很好用，你想让第二张表格验证一下吗？