কোনও ক্রিয়া ছাড়াই ফর্ম এবং যেখানে প্রবেশ পৃষ্ঠা পুনরায় লোড করে না

Question 1

আমি এইচটিএমএল ফর্ম তৈরির সর্বাধিক নিকটতম উপায়টি সন্ধান করছি যার জমা বোতামটি নেই। এটি নিজেই যথেষ্ট সহজ, তবে যখন সাবমিশন-মতো জিনিসগুলি করা হয় তখন ফর্মটি নিজেকে পুনরায় লোড করা থেকে বিরত রাখতে হবে (উদাহরণস্বরূপ, Enterকোনও পাঠ্যের ক্ষেত্রে আঘাত করা )।

Question 2

ফর্মটিতে একটি অনসামিত হ্যান্ডলার যুক্ত করুন (হয় প্লেইন জেএস বা জ্যাকুই via () এর মাধ্যমে জমা দিন (এফএন)), এবং আপনার নির্দিষ্ট শর্তগুলি পূরণ না করা হলে মিথ্যা ফিরিয়ে দিন।

যদি না আপনি ফর্মটি জমা দিতে চান, তবে - যে ক্ষেত্রে, কেবলমাত্র ফর্মের উপাদানটির উপর 'ক্রিয়া' গুণটি ছেড়ে দেবেন না কেন?

Question 3

action="javascript:void(0);"পৃষ্ঠা পুনরায় লোডগুলি রোধ করতে এবং এইচটিএমএল মান বজায় রাখতে আপনি আপনার ফর্মটিতে অন্তর্ভুক্ত করতে চাইবেন ।

Question 4

এই ইভেন্টটিকে কেবল আপনার পাঠ্য ক্ষেত্রে যুক্ত করুন। এটি এন্টার টিপে জমা দেওয়া আটকাবে এবং আপনি জমা দেওয়ার বোতাম বা কল ফর্মটি মুক্ত করতে পারেন required

onKeyPress="if (event.which == 13) return false;"

উদাহরণ স্বরূপ:

<input id="txt" type="text" onKeyPress="if (event.which == 13) return false;"></input>

Question 5

আপনি যখন কোনও ফর্মের মধ্যে এন্টার টিপেন তখন ফর্মের প্রাকৃতিক আচরণটি জমা দেওয়া হয়, এই আচরণটি প্রাকৃতিক নয় যা বন্ধ করতে হয়, আপনাকে jquery সহ এটি জমা দিতে (ডিফল্ট আচরণ) আটকাতে হবে:

$("#yourFormId").on("submit",function(event){event.preventDefault()})

Question 6

একটি ধারণা:

<form method="POST" action="javascript:void(0);" onSubmit="CheckPassword()">
    <input id="pwset" type="text" size="20" name='pwuser'><br><br>
    <button type="button" onclick="CheckPassword()">Next</button>
</form>

এবং

<script type="text/javascript">
    $("#pwset").focus();
    function CheckPassword()
    {
        inputtxt = $("#pwset").val();
        //and now your code
        $("#div1").load("next.php #div2");
        return false;
    }
</script>

Question 7

সমাধানের দুটি উপায়:

ফর্মটির ক্রিয়া মান হ'ল "জাভাস্ক্রিপ্ট: শূন্য (0);"।
জমা দেওয়া রোধ করতে ফর্মের জন্য কী-চাপড়ান ইভেন্ট শ্রোতাদের যুক্ত করুন।

Question 8

প্রথম প্রতিক্রিয়া হ'ল সেরা সমাধান:

ফর্মটিতে একটি অনসামিত হ্যান্ডলার যুক্ত করুন (হয় প্লেইন জেএস বা জ্যাকুই via () এর মাধ্যমে জমা দিন (এফএন)), এবং আপনার নির্দিষ্ট শর্তগুলি পূরণ না করা হলে মিথ্যা ফিরিয়ে দিন।

Jquery সঙ্গে আরও নির্দিষ্ট:

$('#your-form-id').submit(function(){return false;});

যদি না আপনি ফর্মটি জমা দিতে চান, তবে - যে ক্ষেত্রে, কেবলমাত্র ফর্মের উপাদানটির উপর 'ক্রিয়া' গুণটি ছেড়ে দেবেন না কেন?

ক্রোম এক্সটেনশনগুলি লেখার একটি উদাহরণ যেখানে আপনার ব্যবহারকারীর ইনপুটটির জন্য একটি ফর্ম থাকতে পারে তবে আপনি এটি জমা দিতে চান না। যদি আপনি অ্যাকশন = "জাভাস্ক্রিপ্ট: অকার্যকর (0);" ব্যবহার করেন তবে কোডটি সম্ভবত কাজ করবে তবে আপনি এই সমস্যাটি শেষ করবেন যেখানে আপনি ইনলাইন জাভাস্ক্রিপ্ট চালানো সম্পর্কে ত্রুটি পাবেন।

আপনি যদি ক্রিয়াটি পুরোপুরি ছেড়ে দেন, ফর্মটি আবার লোড হবে যা কোনও ক্রোম এক্সটেনশান লেখার সময়ও কিছু ক্ষেত্রে অনাকাঙ্ক্ষিত। বা আপনার যদি কোনও এম্বেড থাকা ক্যালকুলেটরের সাথে কোনও ওয়েবপৃষ্ঠা থাকে, যেখানে ব্যবহারকারী কিছু ইনপুট সরবরাহ করে "গণনা" বা তার মতো কিছু ক্লিক করবেন।