申请jQuery的表单提交验证到只有1出2提交按钮

我有2个提交按钮的窗体上：申请jQuery的表单提交验证到只有1出2提交按钮

<div class="text-center"> 
 
    <button type="submit" name="buttonType" value="saveSelected" id="save" class="btn btn-success">Submit</button>&nbsp; &nbsp; 
 
    <button type="submit" name="buttonType" value="declineAll" class="btn btn-danger">Decline All</button> 
 
</div>

我最近添加了一些验证的表单提交，但我只希望它适用于“提交”按钮而不是“全部拒绝”按钮。这里是我的脚本：

$("form").submit(function(event) { 
 

 
    if ($('#productID').val() == '') { 
 

 
    $("#productID_Error").show(); 
 
    event.preventDefault(); 
 
    return false; 
 

 
    } 
 

 
});

有没有一种办法可以限制表单验证只有火的时候第一个提交按钮被点击？

来源

2016-11-10 user982124

哪里是你的形式 – Mahi

这里有一些解决方案上点击事件的形式。

请改变的衰落的类似属性的所有按钮：类型= '按钮'

使用以下过程

$("#save").click(function (e) { 
    // put your validation here 
    $("form").submit(); 
}

来源

2016-11-10 05:45:35

您可以更改第二个按钮类型提交按钮

<button type="button" name="buttonType" value="declineAll" class="btn btn-danger">Decline All</button>

使用上面的方法表单验证只有火的时候第一个提交按钮被点击

来源

2016-11-10 05:38:48

我仍然需要当他们点击拒绝所有按钮提交表单 - 如果我改变的类型“按钮”它不会出现实际做任何事情或提交表格？ – user982124

但你的问题是你想提交表单只提交按钮不拒绝所有按钮 –

@ user982124我不认为你会提交任何东西到服务器端的落选全部按钮 – ricky

你可以改变按钮类型从submit到button，见下文代码

$("form").submit(function(event) { 
 

 
    if ($('#productID').val() == '') { 
 

 
    $("#productID_Error").show(); 
 
    event.preventDefault(); 
 
    return false; 
 

 
    } 
 

 
});

<div class="text-center"> 
 
    <button type="submit" name="buttonType" value="saveSelected" id="save" class="btn btn-success">Submit</button>&nbsp; &nbsp; 
 
    <button type="button" name="buttonType" value="declineAll" class="btn btn-danger">Decline All</button> 
 
</div>

来源

2016-11-10 05:39:36 Bharat

我仍然需要提交表单时，他们点击拒绝所有按钮 - 如果我将类型更改为“按钮”，它似乎没有实际做任何事情或提交表单？ – user982124

然后你可以使用@RajuMalli建议的第二种方式作为回答。 – Novice

是的同意你@Novice，这是另一个选项 – Bharat

<div class="text-center"> 
     <button type="submit" name="buttonType" value="saveSelected" id="save"  class="btn btn-success" id="submitButton">Submit</button>&nbsp; &nbsp; 
     <button type="submit" name="buttonType" value="declineAll" class="btn btn-danger">Decline All</button> 
</div> 



$("#submitButton").click(function(event) { 
    event.preventDefault(); 
    if ($('#productID').val() == '') { 

    $("#productID_Error").show(); 
    event.preventDefault(); 
    return false; 


} else{ 
    $("#yourForm").submit(); 
    } 
});

validatde上提交按钮

来源

2016-11-10 05:40:04 XYZ

当他们点击“全部拒绝”按钮时，我仍然需要提交表单 - 如果我将类型更改为“按钮”，它看起来并没有实际做任何事情或提交形成？ – user982124

如果有效，请在button.and submut表单上添加click事件。检查更新的代码 – XYZ

由于Button type两个按钮是相同的，因此冲突。相反，你可以尝试从submit改变button type只是button，这种类型的东西：

<div class="text-center"> 
    <button type="submit" name="buttonType" value="saveSelected" id="save" class="btn btn-success">Submit</button>&nbsp; &nbsp; 
    <button type="button" name="buttonType" value="declineAll" class="btn btn-decline">Decline All</button> 
</div>

来源

2016-11-10 05:47:46 Novice

好像你必须对您的按钮中的一个点击事件，你有一个函数内增加一个功能完成您的验证任务。请检查下面的代码 -

HTML

<div class="text-center"> 
    <button type="submit" name="buttonType" value="saveSelected" id="save" class="btn btn-success" onclick="myFunction()">Submit</button>&nbsp; &nbsp; 
    <button type="submit" name="buttonType" value="declineAll" class="btn btn-danger">Decline All</button> 
</div>

的JavaScript

function myFunction(){ 
    alert("Your validation code"); 
}

它只会如果按下特定的按钮来触发。触发它的其他按钮不会被执行。并且不会有任何表单提交问题。

希望它能帮助... :)

来源

2016-11-10 06:05:55

申请jQuery的表单提交验证到只有1出2提交按钮

回答

相关问题