Javascript 带有jquery验证问题的php表单

Javascript 带有jquery验证问题的php表单,javascript,php,jquery,forms,jquery-validate,Javascript,Php,Jquery,Forms,Jquery Validate,**更新了附加代码** 我正在为某人重新设计一个站点,并重用以前开发人员的一些php代码。表单在流程页面上提交并执行服务器端验证。从用户体验的角度来看,这显然是不好的。我正在尝试合并jquery验证。我更多的是一个设计师,对php和jquery的了解有限 这是一个非常简单的表单,末尾有两个提交选项。1个按钮用于使用支票付款,1个按钮用于paypal 用于这些按钮的代码完全绕过了jquery表单验证。如果我按下一个简单的提交按钮,jquery验证就会启动 这是正在使用的两个按钮的代码 &l

**更新了附加代码**

我正在为某人重新设计一个站点,并重用以前开发人员的一些php代码。表单在流程页面上提交并执行服务器端验证。从用户体验的角度来看,这显然是不好的。我正在尝试合并jquery验证。我更多的是一个设计师,对php和jquery的了解有限

这是一个非常简单的表单,末尾有两个提交选项。1个按钮用于使用支票付款,1个按钮用于paypal

用于这些按钮的代码完全绕过了jquery表单验证。如果我按下一个简单的提交按钮,jquery验证就会启动

这是正在使用的两个按钮的代码

    <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script type="text/javascript" src="http://cdn.jsdelivr.net/jquery.validation/1.13.1/jquery.validate.js"></script>
<script>
$(document).ready(function(){
    $('form').validate();
});     
</script>

<form id="lx" class="form-horizontal" action="reg_process.php" method="post" name="regform">



    <div class="row mbs">                
             <label class="control-label col-sm-4" for="firstname"><span class="font-standout">*</span> First Name: </label>
             <div class="col-sm-8">
                <input type="text" id="firstname" name="FirstName" class="form-control input-lg mrs mls" min="2" required  />
             </div>
        </div>



    <a href="javascript:void(0)" onclick="document.regform.Submit.value = 'PayPal'; document.regform.submit()" class="btn btn-primary">
        <i class="fa fa-paypal"></i><br/>
        Pay with Paypal Online
    </a>

    <a href="javascript:void(0)" onclick="document.regform.submit()" class="btn btn-primary" >
        <i class="fa fa-check"></i><br/>
        Pay By Check
    </a> 

$(文档).ready(函数(){
$('form').validate();
});     
*名字:

这些按钮只是将paypal或null传递到表单提交过程页面,然后重定向。有没有办法让这个通过jquery验证,然后与这些值一起提交?

您只需要为
FirstName
字段添加一个规则对象,并从输入元素中删除属性

此外,以下各项也不起作用:

// Uncaught TypeError: Cannot set property 'value' of undefined
document.regform.Submit.value = 'PayPal';
但是,如果它确实有效,则会出现一种情况,即用户单击
paypal
按钮但表单未验证,然后用户修复验证错误,并使用
检查
按钮提交表单。在这种情况下,表单将与
Submit=PayPal
一起提交

jQuery(函数($){
变量form=$('#lx'),submit=$('input[name=submit]',form);
form.validate({
规则:{
名字:{
要求:正确,
最小长度:2
}
}
});
//让我们将JavaScript排除在DOM之外
$('bypaypal,'bycheck')。在('click',函数(事件){
var paymentType=event.target.id=='bypaypal'?'PayPal':'';
submit.val(付款类型);
表单提交();
});
//这只是为了演示,你不需要它
表单('submit',函数(){
if(form.valid()){
警报('表单有效:Submit=“”+Submit.val()+”);
}
});
});

*名字:

您只需要为
FirstName
字段添加一个rules对象,并从输入元素中删除属性

此外,以下各项也不起作用:

// Uncaught TypeError: Cannot set property 'value' of undefined
document.regform.Submit.value = 'PayPal';
但是,如果它确实有效,则会出现一种情况,即用户单击
paypal
按钮但表单未验证,然后用户修复验证错误,并使用
检查
按钮提交表单。在这种情况下,表单将与
Submit=PayPal
一起提交

jQuery(函数($){
变量form=$('#lx'),submit=$('input[name=submit]',form);
form.validate({
规则:{
名字:{
要求:正确,
最小长度:2
}
}
});
//让我们将JavaScript排除在DOM之外
$('bypaypal,'bycheck')。在('click',函数(事件){
var paymentType=event.target.id=='bypaypal'?'PayPal':'';
submit.val(付款类型);
表单提交();
});
//这只是为了演示,你不需要它
表单('submit',函数(){
if(form.valid()){
警报('表单有效:Submit=“”+Submit.val()+”);
}
});
});

*名字:

您只需要为
FirstName
字段添加一个rules对象,并从输入元素中删除属性

此外,以下各项也不起作用:

// Uncaught TypeError: Cannot set property 'value' of undefined
document.regform.Submit.value = 'PayPal';
但是,如果它确实有效,则会出现一种情况,即用户单击
paypal
按钮但表单未验证,然后用户修复验证错误,并使用
检查
按钮提交表单。在这种情况下,表单将与
Submit=PayPal
一起提交

jQuery(函数($){
变量form=$('#lx'),submit=$('input[name=submit]',form);
form.validate({
规则:{
名字:{
要求:正确,
最小长度:2
}
}
});
//让我们将JavaScript排除在DOM之外
$('bypaypal,'bycheck')。在('click',函数(事件){
var paymentType=event.target.id=='bypaypal'?'PayPal':'';
submit.val(付款类型);
表单提交();
});
//这只是为了演示,你不需要它
表单('submit',函数(){
if(form.valid()){
警报('表单有效:Submit=“”+Submit.val()+”);
}
});
});

*名字:

您只需要为
FirstName
字段添加一个rules对象,并从输入元素中删除属性

此外,以下各项也不起作用:

// Uncaught TypeError: Cannot set property 'value' of undefined
document.regform.Submit.value = 'PayPal';
但是,如果它确实有效,则会出现一种情况,即用户单击
paypal
按钮但表单未验证,然后用户修复验证错误,并使用
检查
按钮提交表单。在这种情况下,表单将与
Submit=PayPal
一起提交

jQuery(函数($){
变量form=$('#lx'),submit=$('input[name=submit]',form);
form.validate({
规则:{
名字:{
要求:正确,
最小长度:2
}
}
});
//让我们将JavaScript排除在DOM之外
$('bypaypal,'bycheck')。在('click',函数(事件){
var paymentType=event.target.id=='bypaypal'?'PayPal':'';
submit.val(付款类型);
表单提交();
});
//这只是为了演示,你不需要它
表单('submit',函数(){
if(form.valid()){
警报('表单有效:Submit=“”+Submit.val()+”);
}
});
});

*名字:

可能发生的是