Javascript 带有jquery验证问题的php表单
**更新了附加代码** 我正在为某人重新设计一个站点,并重用以前开发人员的一些php代码。表单在流程页面上提交并执行服务器端验证。从用户体验的角度来看,这显然是不好的。我正在尝试合并jquery验证。我更多的是一个设计师,对php和jquery的了解有限 这是一个非常简单的表单,末尾有两个提交选项。1个按钮用于使用支票付款,1个按钮用于paypal 用于这些按钮的代码完全绕过了jquery表单验证。如果我按下一个简单的提交按钮,jquery验证就会启动 这是正在使用的两个按钮的代码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
<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()+”);
}
});
});代码>
*名字:
可能发生的是