फॉर्म सत्यापन के लिए कीप फ़ंक्शन का उपयोग करके बहु चरण फ़ॉर्म

मैं एक बहु कदम फार्म बनाते हैं। मैं jQuery का उपयोग कर प्रत्येक चरण पर एक सत्यापन जोड़ता हूं। यदि फ़ील्ड खाली हैं तो अगला बटन अक्षम है। यदि फ़ील्ड खाली नहीं हैं तो अगला बटन सक्षम है।

मैंने सत्यापन के लिए इस कोड का इस्तेमाल किया

$('form.webform-client-form').bind("change keyup",function(){
var card_name = $('#edit-submitted-first-name1').val();
var card_number = $('#edit-submitted-card-number').val();
var expiration_year = $('#edit-submitted-expiration-year-year').val();
var expiration_month = $('#edit-submitted-expiration-year-month').val();
var cvv = $('#edit-submitted-cvv').val();
if (card_name != "" && card_number != "" && expiration_year != "" && expiration_month !="" && cvv != ""){
  $('form.webform-client-form').find('#edit-submit').attr('disabled', false);
  $('form.webform-client-form').find('#edit-submit').addClass('active');
}
else {
$('form.webform-client-form').find('#edit-submit').attr('disabled', true);
  $('form.webform-client-form').find('#edit-submit').removeClass('active');
}
});

समस्या यह है कि जब उपयोगकर्ता फॉर्म में जानकारी भरता है तो वह अगले बटन पर क्लिक करता है और यदि वह पिछला बटन पर क्लिक करता है और वह पहले फॉर्म पर वापस आ जाता है तो सभी जानकारी पहले से भर दी जाती है लेकिन अगला बटन सक्षम नहीं होता है जब तक कि उपयोगकर्ता कीप फ़ंक्शन की वजह से कुछ मान दर्ज नहीं होता । मैं चाहता हूं कि अगला बटन सक्षम हो तो उपयोगकर्ता पिछला फॉर्म पर वापस आ जाए।

क्या इस समस्या को हल करने का कोई तरीका है या इसके लिए कोई अन्य दृष्टिकोण है।

किसी भी सहायता की सराहना की जाएगी।

0

2 उत्तर

आपको कुंजी बटन से अगले बटन की सक्षम करने और अक्षम करने की आवश्यकता है जो इसे कॉल करने वाली एकमात्र घटना है। मैं इसे एक सामान्य कार्य में ले जाऊंगा जिसे एक प्रासंगिक कुंजीपटल कहा जाता है और अगले चरण से अगला बटन क्लिक किया जाता है।

0
जोड़ा

सबसे पहले सभी तर्कों को बाध्यकारी से एक अलग फ़ंक्शन में ले जाएं, फिर बाध्यकारी में कॉल करें, और बैक बटन दबाते समय सत्यापन-क्रिया को कॉल करें जिसे आपने कुंजी-अप के लिए उपयोग किया था। इस तरह यह फ़ील्ड की जांच करेगा और बटन को सक्षम करेगा

0
जोड़ा