जेडटेबल फ़ील्ड मान्य करें

Question

मैं अपने पृष्ठ पर इनपुट के लिए Jeditable (केकेपीएचपी पर पोस्टिंग) का उपयोग कर रहा हूं। मैं चाहता हूं कि उपयोगकर्ता केवल जेडटेबल फ़ील्ड में संख्याएं भरें, इसलिए मेरा विचार jQuery validation plugin का उपयोग करने के लिए केवल तभी उपयोग किया जाता है जब मैं केवल संख्या का उपयोग करता हूं, मैं पहले से ही अपनी साइट के अन्य हिस्सों में इसका उपयोग करता हूं।

जेडटेबल गतिशील रूप से एक इनपुट के साथ एक फॉर्म बनाता है जब आप div पर क्लिक करते हैं, इसलिए ऐसा लगता है कि Jquery को बाध्य करने के लिए मान्य नहीं है और यह सामान्य के रूप में काम नहीं करता है।

मैं जेडटेबल के माध्यम से फॉर्म का वर्ग नाम सेट करने में सक्षम हूं (इसमें केवल एक वर्ग एट्रिब्यूट है), बनाए गए इनपुट में केवल एक नाम विशेषता है जो "नाम" के लिए डिफ़ॉल्ट है।

मेरे सवालों का:

• यह एक अच्छी तरह से केवल संख्या की आवश्यकता के लिए है?
• यदि हां, तो इसे Jquery मान्य करने के लिए कैसे करें
• यदि नहीं, तो बेहतर समाधान क्या होगा?

अग्रिम धन्यवाद, और मैं कोई जवाब मैं मिल सकता है के लिए तत्पर हैं;)

Answer 1

आप अपने फॉर्म के फ़ील्ड को सत्यापित करने के लिए सीधे जेडएबल में jQuery सत्यापन प्लगइन का उपयोग कर सकते हैं

$('.edit').editable(your_url, { 
    onsubmit: function(settings, td) { 
     var input = $(td).find('input'); 
     $(this).validate({ 
      rules: { 
       'nameofinput': { 
        number: true 
       } 
      }, 
      messages: { 
       'actionItemEntity.name': { 
        number: 'Only numbers are allowed' 

       } 

      } 
     }); 

     return ($(this).valid()); 
    } 
}); 

Answer 2

आप Jeditable में ऑनसबमिट घटना का उपयोग और देखें कि क्या इनपुट केवल संख्या है सकते हैं। यह एक उदाहरण मात्र है, मैं इसे की कोशिश नहीं की:

function isNumeric(value) { 
    if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false; 
    return true; 
} 

$('.edit').editable(your_url, { 
    onsubmit: function(settings, original) { 
     if (isNumeric(original)) { 
      return true; 
     } else { 
      //display your message 
      return false; 
     } 
    } 
}); 

Answer 3

इस कोड को मेरे लिए काम किया

function isNumeric(value) { 
    if (value == null || !value.toString().match(/^[-]?\d*\.?\d*$/)) return false; 
    return true; 
} 

$('.edit').editable(your_url, { 
    onsubmit: function(settings, td) { 
     var input = $(td).find('input'); 
     var original = input.val(); 
     if (isNumeric(original)) { 
      console.log("Validation correct"); 
      return true; 
     } else { 
      console.log("Validation failed. Ignoring"); 
      input.css('background-color','#c00').css('color','#fff'); 
      return false; 
     } 
    } 
}); 

Answer 4

वहाँ एक कोड है, हो सकता है यह आपकी मदद कर सकता: डी
http://www.codeproject.com/Articles/50059/jQuery-Validate-and-Jeditable-Part-2/

Answer 5

मेरी प्रोजेक्ट के लिए मैंने फ़ंक्शन नाम को बदल दिया है स्वीकार्य है क्योंकि मैं ब्रैकेट, डैश, डॉट्स को फोन नंबर का हिस्सा बनने की अनुमति देता हूं।

function isAcceptable(value) { 
    if (value == null || !value.toString().match(/^[-+]?\d*\.?[\d\s().-]+$/)) return false; 
    return true; 
} 

Answer 6

ओपन jquery.editable.js और पाते हैं: onedit समारोह

/* setup some functions */ 
     var onedit = settings.onedit || function() { }; 

और ऐसा कुछ की तरह:

$('.edit').editable(your_url, { 
    onedit:function(){ 
      alert("original value"+$(this).text()); 
    }, 
});