সাবলেট বোতাম অনক্লিক ইভেন্টে আমি কীভাবে ফর্ম জমা বাতিল করব?

Question 1

আমি একটি ASP.net ওয়েব অ্যাপ্লিকেশন উপর কাজ করছি।

সাবমিট বাটন সহ আমার একটি ফর্ম আছে। জমা দেওয়ার বোতামটির কোডটি দেখতে মনে হচ্ছে <input type='submit' value='submit request' onclick='btnClick();'>।

আমি নীচের মতো কিছু লিখতে চাই:

function btnClick() {
    if (!validData())
        cancelFormSubmission();
}

আমি এটা কিভাবে করবো?

Question 2

আপনি করা থেকে ভাল ...

<form onsubmit="return isValidForm()" />

যদি isValidForm()ফেরত দেয় false, তবে আপনার ফর্মটি জমা দেয় না।

আপনার ইভেন্ট হ্যান্ডলারটি সম্ভবত ইনলাইন থেকে সরানো উচিত।

document.getElementById('my-form').onsubmit = function() {
    return isValidForm();
};

Question 3

এতে আপনার ইনপুটটি পরিবর্তন করুন:

<input type='submit' value='submit request' onclick='return btnClick();'>

এবং আপনার ফাংশনে মিথ্যা ফিরিয়ে দিন

function btnClick() {
    if (!validData())
        return false;
}

Question 4

তোমাকে বদলাতে হবে

onclick='btnClick();'

প্রতি

onclick='return btnClick();'

এবং

cancelFormSubmission();

প্রতি

return false;

তাই বলা হয়, আমি পক্ষে স্বকীয় ঘটনা বৈশিষ্ট্যাবলী এড়ানোর চেষ্টা চাই বিচক্ষণ জাতীয় ঘটনা যে সত্যিই গুরুত্বপূর্ণ মধ্যে এপিআই এবং টাই হ্যান্ডলিং একটি ভাল ঘটনা আছে যা একটি লাইব্রেরি (যেমন Yui বা jQuery এর হিসাবে) সঙ্গে (অর্থাত ফর্মের পরিবর্তে ঘটনা জমা বোতামের ক্লিক ইভেন্ট)।

Question 5

কখনও কখনও onsubmitasp.net সাথে কাজ করবে না।

আমি খুব সহজ উপায় দিয়ে এটি সমাধান।

আমাদের যদি এমন ফর্ম থাকে

<form method="post" name="setting-form" >
   <input type="text" id="UserName" name="UserName" value="" 
      placeholder="user name" >
   <input type="password" id="Password" name="password" value="" placeholder="password" >
   <div id="remember" class="checkbox">
    <label>remember me</label>
    <asp:CheckBox ID="RememberMe" runat="server" />
   </div>
   <input type="submit" value="login" id="login-btn"/>
</form>

আপনি এখন ফর্ম পোস্টব্যাকের আগে সেই ইভেন্টটি পেতে এবং এটি পোস্টব্যাক থেকে থামাতে এবং এই jquery ব্যবহার করতে চান এমন সমস্ত এজাক্স করতে পারেন।

$(document).ready(function () {
            $("#login-btn").click(function (event) {
                event.preventDefault();
                alert("do what ever you want");
            });
 });

Question 6

আপনার কাছ থেকে টাইপ পরিবর্তন করা উচিত submitকরতে button:

<input type='button' value='submit request'>

পরিবর্তে

<input type='submit' value='submit request'>

তারপরে আপনি জাভাস্ক্রিপ্টে আপনার বোতামটির নাম পান এবং আপনি যা যা করতে চান তাতে যুক্ত করুন

var btn = document.forms["frm_name"].elements["btn_name"];
btn.onclick = function(){...};

আমার জন্য কাজ আশা করি এটি সাহায্য করে।

Question 7

আপনার প্রয়োজন return false;:

<input type='submit' value='submit request' onclick='return btnClick();' />

function btnClick() {
    return validData();
}

Question 8

কেন সাবমিট বাটনটিকে নিয়মিত বোতামে পরিবর্তন করবেন না এবং ক্লিক ইভেন্টে আপনার ফর্মটি জমা দিন যদি এটি আপনার বৈধতা পরীক্ষায় পাস করে?

যেমন

<input type='button' value='submit request' onclick='btnClick();'>

function btnClick() { 
    if (validData()) 
        document.myform.submit();
}

Question 9

আপনি প্রয়োজন onSubmit। না onClickঅন্যথায় কেউ এইমাত্র প্রেস লিখতে পারেন এবং এটি আপনার বৈধতা বাইপাস করবে। বাতিল হিসাবে। আপনাকে মিথ্যা ফিরতে হবে কোডটি এখানে:

<form onSubmit="return btnClick()">
<input type='submit' value='submit request'>

function btnClick() {
    if (!validData()) return false;
}

সাবমিট সম্পাদনা ফর্ম ট্যাগের অন্তর্ভুক্ত।

Question 10

এটি সহজ, খালি ফিরে আসুন;

নীচের কোডটি jquery ব্যবহার করে জমা বোতামের অন্লিকের মধ্যে চলে যায় ..

if(conditionsNotmet)
{
return false;
}

Question 11

ব্যবহার onclick='return btnClick();'

এবং

function btnClick() {
    return validData();
}

Question 12

function btnClick() {
    return validData();
}

Question 13

<input type='button' onclick='buttonClick()' />

<script>
function buttonClick(){
    //Validate Here
    document.getElementsByTagName('form')[0].submit();
}
</script>

Question 14

JQuery সহ আরও সহজ: Asp.Net MVC এবং Asp.Core এ কাজ করে

<script>
    $('#btnSubmit').on('click', function () {

        if (ValidData) {
            return true;   //submit the form
        }
        else {
            return false;  //cancel the submit
        }
    });
</script>

Question 15

এটি খুব পুরানো থ্রেড তবে এটি অবশ্যই লক্ষ্য করা যায়। অতএব নোটটি যে প্রস্তাবিত সমাধানগুলি এখন আর টু ডেট নেই এবং আধুনিক জাভাস্ক্রিপ্টটি আরও ভাল।

<script>
document.getElementById(id of the form).addEventListener(
    "submit",
    function(event)
    {
        if(validData() === false)
        {
            event.preventDefault();
        }
    },
    false
);

ফর্মটি এমন ইভেন্ট হ্যান্ডলারটি গ্রহণ করে যা জমা দেওয়া পর্যবেক্ষণ করে। যদি সেখানে ফাংশনটি বৈধ ডেটা (এখানে দেখানো হয় না) একটি মিথ্যা রিটার্ন দেয় , পদ্ধতিটিকে PreventDefault বলে , যা ফর্মটি জমা দিতে দমন করে এবং ব্রাউজারটি ইনপুটটিতে ফিরে আসে। অন্যথায় ফর্মটি যথারীতি প্রেরণ করা হবে।

পিএস এটি অনসামিত বৈশিষ্ট্যটির সাথেও কাজ করে । তারপর anonymus ফাংশন ফাংশন (ইভেন্ট) {...} অ্যাট্রিবিউট মধ্যে আবশ্যক onsubmit ফর্মের। এটি সত্যই আধুনিক নয় এবং আপনি কেবল জমা দেওয়ার জন্য একটি ইভেন্ট হ্যান্ডলারের সাথে কাজ করতে পারেন। তবে আপনাকে কোনও অতিরিক্ত জাভাস্ক্রিপ্ট তৈরি করতে হবে না। এছাড়াও, এটি ফর্মের একটি বৈশিষ্ট্য হিসাবে সোর্স কোডে সরাসরি নির্দিষ্ট করা যেতে পারে এবং ফর্মটি ডিওমে সংহত না হওয়া পর্যন্ত অপেক্ষা করার দরকার নেই to