जावास्क्रिप्ट फॉर्म सबमिट करें - सबमिट डायलॉग बॉक्स की पुष्टि या रद्द करें

Question

एक चेतावनी के साथ एक सरल रूप के लिए जो पूछता है कि क्या फ़ील्ड सही तरीके से भरे गए थे, मुझे एक फ़ंक्शन की आवश्यकता है जो यह करता है:

• बटन को दो विकल्पों के साथ क्लिक करने पर एक अलर्ट बॉक्स दिखाता है:

  • यदि "ओके" पर क्लिक किया जाता है, तो फॉर्म जमा किया जाता है
  • यदि रद्द किया जाता है, तो चेतावनी बॉक्स बंद हो जाता है और फ़ॉर्म को समायोजित और फिर से जमा किया जा सकता है

मुझे लगता है कि एक जावास्क्रिप्ट पुष्टि काम करेगी, लेकिन मैं यह पता नहीं लगा सकता कि कैसे।

अब मेरे पास जो कोड है:

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>

Answer 1

एक सरल इनलाइन जावास्क्रिप्ट पुष्टि पर्याप्त होगी:

<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);">

Answer 2

टिप्पणी में बताया गया मुद्दा मान्य है, इसलिए यहां एक अलग संशोधन है जो इसके लिए प्रतिरक्षा है:

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

Answer 3

आप JS पुष्टिकरण फ़ंक्शन का उपयोग कर सकते हैं।

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

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

Comments

onsubmit="return confirm('Is the form filled out correctly?');"अधिक सरल होगा, और परिणाम समान होगा।

— Sk8erPeter

Answer 4

सरल और आसान :

<form onSubmit="return confirm('Do you want to submit?') ">
  <input type="submit" />
</form>

Answer 5

ठीक है, बस अपना कोड कुछ इस तरह से बदलें:

<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>

Answer 6

यदि आप फॉर्म सबमिट पर कुछ शर्त लागू करना चाहते हैं तो आप इस विधि का उपयोग कर सकते हैं

<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;
   }  
}