আমার একটি ফর্ম রয়েছে যা জমা দেওয়ার পরে আমার ফর্মটি জমা দেওয়ার আগে কিছু অতিরিক্ত প্রক্রিয়াজাতকরণ করা দরকার। আমি ডিফল্ট ফর্ম জমা দেওয়ার আচরণটি আটকাতে পারি, তারপরে আমার অতিরিক্ত প্রক্রিয়াজাতকরণ করুন (এটি মূলত গুগল ম্যাপস এপিআই কল করে এবং ফর্মটিতে কয়েকটি লুকানো ক্ষেত্র যুক্ত করছে) - এবং তারপরে আমাকে ফর্মটি জমা দিতে হবে।
"ডিফল্ট প্রতিরোধ" করার কোনও উপায় আছে, তারপরে কিছু পরে "ডিফল্ট চালিয়ে যেতে চান?"
উত্তর:
আপনি যখন .submit()ইভেন্টটিকে ফর্মের সাথে আবদ্ধ করেন এবং আপনি ফিরে আসার আগে যা করতে চান তা করেন (সত্য), আসল জমা দেওয়ার আগে এই জিনিসগুলি ঘটে।
উদাহরণ স্বরূপ:
$('form').submit(function(){
alert('I do something before the actual submission');
return true;
});
Jquery.com- এ অন্য একটি উদাহরণ: http://api.jquery.com/submit/#entry- উদাহরণ
ব্যবহার jQuery.one()
উপাদানগুলির জন্য একটি ইভেন্টে একটি হ্যান্ডলার সংযুক্ত করুন। হ্যান্ডলারটি ইভেন্টের টাইপ অনুযায়ী উপাদান হিসাবে একবারে সম্পাদিত হয়
$('form').one('submit', function(e) {
e.preventDefault();
// do your things ...
// and when you done:
$(this).submit();
});
ব্যবহার রোধও oneঅসীম লুপ কারণ এই কাস্টম submitইভেন্টটি প্রথম জমা দেওয়ার পরে আলাদা করা হয়েছে।
$(this).unbind(); $(this).submit();
আমি শুধু করতাম:
$('#submiteButtonID').click(function(e){
e.preventDefault();
//do your stuff.
$('#formId').submit();
});
preventDefaultপ্রথমে কল করুন এবং submit()ফাংশনটি পরে ব্যবহার করুন , যদি আপনাকে কেবল ফর্মটি জমা দেওয়ার প্রয়োজন হয়
এই উপায়টি ব্যবহার করে আপনি আপনার জেএসে একটি অবিরাম লুপ করবেন। আরও ভাল উপায় করতে আপনি নিম্নলিখিতটি ব্যবহার করতে পারেন
var on_submit_function = function(evt){
evt.preventDefault(); //The form wouln't be submitted Yet.
(...yourcode...)
$(this).off('submit', on_submit_function); //It will remove this handle and will submit the form again if it's all ok.
$(this).submit();
}
$('form').on('submit', on_submit_function); //Registering on submit.
আমি আসা করি এটা সাহায্য করবে! ধন্যবাদ!
এটি, আইএমএইচও, সবচেয়ে জেনেরিক এবং শক্তিশালী সমাধান (যদি আপনার ক্রিয়াগুলি ব্যবহারকারী-ট্রিগার হয়, যেমন 'বোতামে ব্যবহারকারী ক্লিক করুন'):
উদাহরণ হিসাবে, "আপনি কি নিশ্চিত?" যুক্ত করার জন্য এই মার্জিত সমাধানটি নোট করুন কোনও বৈশিষ্ট্যযুক্ত একটি বোতাম সজ্জিত করে কোনও বোতামে পপআপ। ব্যবহারকারী শর্তসাপেক্ষে ডিফল্ট আচরণ চালিয়ে যাব যদি ব্যবহারকারী অনির্বাচন না করে।
1. আসুন আমরা যে প্রতিটি বোতামটিতে একটি "নিশ্চিত আপনি" একটি সতর্কতা পাঠ্য পপআপ করতে চাই:
<button class="btn btn-success-outline float-right" type="submit" ays_text="You will lose any unsaved changes... Do you want to continue?" >Do something dangerous</button>
২. এই জাতীয় সমস্ত বোতামে হ্যান্ডলার সংযুক্ত করুন:
$('button[ays_text]').click(function (e, from) {
if (from == null) { // user clicked it!
var btn = $(this);
e.preventDefault();
if (confirm() == true) {
btn.trigger('click', ['your-app-name-here-or-anything-that-is-not-null']);
}
}
// otherwise - do nothing, ie continue default
});
এটাই.
$('#myform').on('submit',function(event){
// block form submit event
event.preventDefault();
// Do some stuff here
...
// Continue the form submit
event.currentTarget.submit();
});
খাঁটি জাভাস্ক্রিপ্ট পদ্ধতিতে, আপনি ডিফল্ট প্রতিরোধের পরে ফর্মটি জমা দিতে পারেন।
এটি কারণ HTMLFormElement.submit() কখনও কল না onSubmit()। সুতরাং আমরা ফর্মটি জমা দেওয়ার জন্য সেই নির্দিষ্টকরণের বিজোড়তার উপর নির্ভর করছি যেন এখানে কোনও কাস্টম অনসামিত হ্যান্ডলার নেই।
var submitHandler = (event) => {
event.preventDefault()
console.log('You should only see this once')
document.getElementById('formId').submit()
}
একটি সিঙ্ক্রোনাস অনুরোধের জন্য এই ফিডলটি দেখুন ।
সমাপ্তির জন্য একটি অ্যাসিঙ্ক অনুরোধের জন্য অপেক্ষা করা ঠিক তত সহজ:
var submitHandler = (event) => {
event.preventDefault()
console.log('before')
setTimeout(function() {
console.log('done')
document.getElementById('formId').submit()
}, 1400);
console.log('after')
}
অ্যাসিঙ্ক্রোনাস অনুরোধের উদাহরণের জন্য আপনি আমার ফিডলটি পরীক্ষা করতে পারেন ।
এবং আপনি যদি প্রতিশ্রুতি দিয়ে নামেন:
var submitHandler = (event) => {
event.preventDefault()
console.log('Before')
new Promise((res, rej) => {
setTimeout(function() {
console.log('done')
res()
}, 1400);
}).then(() => {
document.getElementById('bob').submit()
})
console.log('After')
}
এবং এখানে যে অনুরোধ ।
jQuery এবং উপরোক্ত @ Joepreludian এর উত্তর একটি ছোট প্রকরণ:.one(...) পরিবর্তে .on(...) or .submit(...)namedফাংশন পরিবর্তে anonymous functionযেহেতু আমরা এটির মধ্যে উল্লেখ করব callback।$('form#my-form').one('submit', function myFormSubmitCallback(evt) {
evt.stopPropagation();
evt.preventDefault();
var $this = $(this);
if (allIsWell) {
$this.submit(); // submit the form and it will not re-enter the callback because we have worked with .one(...)
} else {
$this.one('submit', myFormSubmitCallback); // lets get into the callback 'one' more time...
}
});
allIsWellনীচের স্নিপেটে ভেরিয়েবলের মান পরিবর্তন করতে trueবা falseকার্যকারিতা পরীক্ষা করতে পারেন:$('form#my-form').one('submit', function myFormSubmitCallback(evt){
evt.stopPropagation();
evt.preventDefault();
var $this = $(this);
var allIsWell = $('#allIsWell').get(0).checked;
if(allIsWell) {
$this.submit();
} else {
$this.one('submit', myFormSubmitCallback);
}
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form action="/" id="my-form">
<input name="./fname" value="John" />
<input name="./lname" value="Smith" />
<input type="submit" value="Lets Do This!" />
<br>
<label>
<input type="checkbox" value="true" id="allIsWell" />
All Is Well
</label>
</form>শুভকামনা ...
তুমি ব্যবহার করতে পার e.preventDefault() যা বর্তমান ক্রিয়াকলাপ বন্ধ করবে।
আপনি কি করতে পারেন তুলনায়$("#form").submit();
$('#form').submit(function (e)
{
return !!e.submit;
});
if(blabla...)
{...
}
else
{
$('#form').submit(
{
submit: true
});
}
"লুপিং জমা না করে বৈধতা ইনজেকশন":
আমি এইচটিএমএল 5 যাচাইয়ের আগে কেবল পুনরায় ক্যাপচা এবং কিছু অন্যান্য জিনিস পরীক্ষা করতে চাই, তাই আমি এর মতো কিছু করেছি (যাচাইকরণের ফাংশনটি সত্য বা মিথ্যা প্রত্যাবর্তন করে):
$(document).ready(function(){
var application_form = $('form#application-form');
application_form.on('submit',function(e){
if(application_form_extra_validation()===true){
return true;
}
e.preventDefault();
});
});