Jquery ফর্ম খালি ক্ষেত্র চেক জমা

login.php লোড না করে জমা দেওয়ার সময় টেক্সট-ক্ষেত্র খালি কিনা তা পরীক্ষা করতে আমি কীভাবে jQuery ব্যবহার করতে পারি?

<form action="login.php" method="post">
    
    <input type="text" name="email" id="log" />
    
    <input type="password" name="password" id="pwd" />
    <input type="submit" name="submit" value="Login" />
</form>

ধন্যবাদ।

20
@ এনইও "অন্যান্য উপায়ে" কোন সাহায্যই দেয় না।
যোগ লেখক ProfK, উৎস
প্রয়োজনীয় বৈশিষ্ট্য ব্যবহার করুন। সামঞ্জস্যের জন্য একটি fallback হিসাবে আপনি অন্যান্য উপায়ে ব্যবহার করতে পারেন।
যোগ লেখক NEO, উৎস

8 উত্তর

তুমি এটি করতে পারো:

//  Bind the event handler to the "submit" JavaScript event
$('form').submit(function() {

   //Get the Login Name value and trim it
    var name = $.trim($('#log').val());

   //Check if empty of not
    if (name  === '') {
        alert('Text-field is empty.');
        return false;
    }
});

FIDDLE ডেমো

33
যোগ

একটি সহজ সমাধান এই মত কিছু হতে হবে

$( "form" ).on( "submit", function() { 

   var has_empty = false;

   $(this).find( 'input[type!="hidden"]' ).each(function() {

      if ( ! $(this).val() ) { has_empty = true; return false; }
   });

   if ( has_empty ) { return false; }
});

দ্রষ্টব্য: jQuery.on() পদ্ধতিটি কেবলমাত্র jQuery সংস্করণে উপলব্ধ 1.7+, কিন্তু এখন এটি ইভেন্ট হ্যান্ডলারগুলিকে সংযুক্ত করার পছন্দের পদ্ধতি।

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

অথবা, আপনি jQuery বৈধতা প্লাগইনটি দেখতে পারেন। এটা এই এবং আরো অনেক কিছু।

এনবি: এই ধরনের কৌশল সর্বদা সার্ভার পাশ যাচাইকরণের সাথে ব্যবহার করা উচিত।

9
যোগ
ভাল যুক্তি. আমি লুকানো ক্ষেত্র উপেক্ষা উপেক্ষা একটি নির্বাচক নির্বাচক যোগ।
যোগ লেখক Dominic P, উৎস
কিন্তু এটি লুকানো ক্ষেত্রগুলির জন্যও চেক করবে এবং যদি তারা খালি থাকে তবে এটি জমা দেওয়ার ফর্মটিকে আটকাবে।
যোগ লেখক vdua, উৎস

You can use 'required' http://jsbin.com/atefuq/1/edit

<form action="login.php" method="post">
    
    <input required type="text" name="email" id="log" />
    
    <input required type="password" name="password" id="pwd" />
    <input  required type="submit" name="submit" value="Login" />
</form>
9
যোগ
এই সাফারি কাজ করে না।
যোগ লেখক Tom, উৎস
সাফারি ব্রাউজারে এখনও কাজ করে না? এই w3schools আজ কি বলা হয়।
যোগ লেখক Mark, উৎস

আমি এমন ফর্মগুলি ঘৃণা করি যা আমাকে জানাবেন না কোন ইনপুট (গুলি)/অনুপস্থিত। তাই আমি ডোমিনিকের উত্তর উন্নত করি - এই জন্য ধন্যবাদ।

সিএসএস ফাইলের মধ্যে "সীমানা আর" শ্রেণিতে সীমারেখা লাল রঙ রয়েছে।

$('#<form_id>').submit(function() {
    var allIsOk = true;

   //Check if empty of not
    $(this).find( 'input[type!="hidden"]' ).each(function() {
        if ( ! $(this).val() ) { 
            $(this).addClass('borderR').focus();
            allIsOk = false;
        }
    });

    return allIsOk
});
3
যোগ

আপনাকে জমা ইভেন্টে একটি হ্যান্ডলার যুক্ত করতে হবে। হ্যান্ডলারটিতে আপনাকে প্রতিটি পাঠ্য ক্ষেত্রের জন্য পরীক্ষা করতে হবে, যদি মানগুলি খালি থাকে তবে উপাদান এবং পাসওয়ার্ড ক্ষেত্র নির্বাচন করুন।

$('form').submit(function() {
     var res = true;
    //here I am checking for textFields, password fields, and any 
    //drop down you may have in the form
     $("input[type='text'],select,input[type='password']",this).each(function() {
         if($(this).val().trim() == "") {
             res = false; 
         }
     })
     return res;//returning false will prevent the form from submitting.
});
3
যোগ

আপনি jQuery বৈধ প্লাগইন সঙ্গে চেষ্টা করা উচিত:

$('form').validate({
   rules:{
       email:{
          required:true,
          email:true
       }
   },
   messages:{
       email:{
          required:"Email is required",
          email:"Please type a valid email"
        }
   }
})
1
যোগ
function isEmpty(val) {
if(val.length ==0 || val.length ==null){
    return 'emptyForm';
}else{
    return 'not emptyForm';
}

}

$(document).ready(function(){enter code here
    $( "form" ).submit(function( event ) {
        $('input').each(function(){
           var getInputVal = $(this).val();
            if(isEmpty(getInputVal) =='emptyForm'){
                alert(isEmpty(getInputVal));
            }else{
                alert(isEmpty(getInputVal));
            }
        });
        event.preventDefault();
    });
});
1
যোগ
এস এ স্বাগতম। এই কোডটি OPS সমস্যাটি সমাধান করতে পারে তবে, দয়া করে ব্যাখ্যা করুন যে এটি কীভাবে এবং কিভাবে এটি করে? এই ব্যাপকভাবে আপনার উত্তর মানের উন্নতি হবে।
যোগ লেখক m00am, উৎস
var save_val = $("form").serializeArray();
$(save_val).each(function( index, element ) {
    alert(element.name);
    alert(element.val);
});
0
যোগ