জাভাস্ক্রিপ্ট ফর্ম জমা দিন - সাবমিশন ডায়ালগ বক্স নিশ্চিত করুন বা বাতিল করুন


183

একটি সতর্কতার সাথে একটি সহজ ফর্মের জন্য যা জিজ্ঞাসা করে যে ক্ষেত্রগুলি সঠিকভাবে পূরণ করা হয়েছে, আমার একটি ফাংশন প্রয়োজন যা এটি করে:

  • দুটি বিকল্পের সাথে বোতামটি ক্লিক করা হলে একটি সতর্কতা বাক্স দেখায়:

    • যদি "ওকে" ক্লিক করা হয় তবে ফর্মটি জমা দেওয়া হবে
    • বাতিল ক্লিক করা থাকলে সতর্কতা বাক্সটি বন্ধ হয়ে যায় এবং ফর্মটি সামঞ্জস্য করে পুনরায় জমা দেওয়া যেতে পারে

আমি মনে করি একটি জাভাস্ক্রিপ্ট নিশ্চিতকরণ কাজ করবে তবে আমি কীভাবে তা বুঝতে পারি না।

আমার এখন কোডটি হ'ল:

function show_alert() {
  alert("xxxxxx");
}
<form>
  <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();" alt="PayPal - The safer, easier way to pay online!" value="Submit">
</form>

উত্তর:


396

একটি সাধারণ ইনলাইন জাভাস্ক্রিপ্ট নিশ্চিত করা যথেষ্ট হবে:

<form onsubmit="return confirm('Do you really want to submit the form?');">

একটি জন্য কোন প্রয়োজন নেই বহিরাগত ফাংশন যদি না আপনি করছেন বৈধতা , আপনি এটির মতো কিছু করতে পারেন যা:

<script>
function validate(form) {

    // validation code here ...


    if(!valid) {
        alert('Please correct the errors in the form!');
        return false;
    }
    else {
        return confirm('Do you really want to submit the form?');
    }
}
</script>
<form onsubmit="return validate(this);">

28

মন্তব্যে নির্দেশিত ইস্যুটি বৈধ, সুতরাং এখানে একটি পৃথক সংশোধনী যা এর থেকে সুরক্ষিত:

function show_alert() {
  if(!confirm("Do you really want to do this?")) {
    return false;
  }
  this.form.submit();
}

25

আপনি জেএস কনফার্মেশন ফাংশনটি ব্যবহার করতে পারেন।

<form onSubmit="if(!confirm('Is the form filled out correctly?')){return false;}">
  <input type="submit" />
</form>

http://jsfiddle.net/jasongennaro/DBHEz/


27
onsubmit="return confirm('Is the form filled out correctly?');"অনেক সহজ হবে, এবং ফলাফল একই হবে।
Sk8erPeter


2

ঠিক আছে, আপনার কোডটি এই জাতীয় কিছুতে পরিবর্তন করুন:

<script>
function submit() {
   return confirm('Do you really want to submit the form?');
}
</script>

<form onsubmit="return submit(this);">
   <input type="image" src="xxx" border="0" name="submit" onclick="show_alert();"
      alt="PayPal - The safer, easier way to pay online!" value="Submit">
</form>

এছাড়াও এটি রান কোডটি, কেবল এটি কীভাবে কাজ করে তা আরও সহজ করে তুলছি, ফলাফলটি দেখার জন্য নীচের কোডটি চালান:

function submitForm() {
  return confirm('Do you really want to submit the form?');
}
<form onsubmit="return submitForm(this);">
  <input type="text" border="0" name="submit" />
  <button value="submit">submit</button>
</form>


0

আপনি যদি ফর্ম জমা দেওয়ার ক্ষেত্রে কিছু শর্ত প্রয়োগ করতে চান তবে আপনি এই পদ্ধতিটি ব্যবহার করতে পারেন

<form onsubmit="return checkEmpData();" method="post" action="process.html">
  <input type="text" border="0" name="submit" />
  <button value="submit">submit</button>
</form>

একটি জিনিস সর্বদা মনে রাখবেন যে পদ্ধতি এবং ক্রিয়া বিশিষ্টতা অনসামিত বৈশিষ্ট্যের পরে লিখুন

জাভাস্ক্রিপ্ট কোড

function checkEmpData()
{
  var a = 0;

  if(a != 0)
  {
    return confirm("Do you want to generate attendance?");
  }
   else
   {
      alert('Please Select Employee First');
      return false;
   }  
}
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.