तो यहाँ मेरी समस्या है।
मेरे पास एक सरल फॉर्म और कुछ जावास्क्रिप्ट (jquery) कोड के साथ एक html पृष्ठ है, इसे मान्य करने के लिए, ठीक है।
यह पृष्ठ इस तरह दिखाई देगा: test.html
<html>
<head>
<title></title>
<script src="jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript">
function validate(){
$("form").submit(function () {
var txt = $("#SYSTEM_NAME").val();
if (txt == "") $("#loading").append("field is empty");
return false;
})
}
window.onload = validate
<form action="SomeAction" id="form0" method="post">
<fieldset>
<legend>Information</legend>
<div class="editor-field">
<input id="SYSTEM_NAME" name="SYSTEM_NAME" type="text" value="" />
</div>
<input type="submit" value="Insert" id="saveCreation" />
<div id="loading"></div>
</fieldset>
</form>
</body>
</html>
ऊपर दिए गए इस पृष्ठ में, यदि आप "SYSTEM_NAME" फ़ील्ड पर किसी भी जानकारी के बिना सम्मिलित करने का प्रयास करते हैं, तो यह एक संदेश को बाधित करेगा। सब कुछ ठीक है यहाँ मेरा फॉर्म मान्य है।
लेकिन जब मैं इस पृष्ठ को ajax (jquery) का उपयोग करके किसी दूसरे से लोड करता हूं, तो क्या होता है, इसे लोड करने के बाद जो सत्यापन मैंने "test.html" पर किया है।
उदाहरण:
<html>
<head>
<title></title>
<script src="jquery-1.7.min.js" type="text/javascript"></script>
<script type="text/javascript">
$("#go").click(function(){
$("#here").load("test.html")
});
</script>
</head>
<body>
<input type="button" id="go" value="go" />
<div id="here"></div>
</body>
</html>
अब अगर मैं "डोज़" पर क्लिक करता हूँ, तो सत्यापन कार्य अब और नहीं होगा।
इस समस्या का समाधान किस प्रकार से किया जा सकता है ? क्या मैं लोड किए गए पृष्ठ और जावास्क्रिप्ट कोड के साथ एक साथ बातचीत कर सकता हूं?
आशा है आप लोग मेरी समस्या को समझ गए होंगे। धन्यवाद और गलतियों के लिए खेद है।
उत्तर:
जवाब के लिए 0 № 1मुझे माफ कर दो अगर यह बहुत अधिक परिवर्तन है, लेकिन मुझे लगा कि मैं आपके लिए एक और तरीका सुझा सकता हूं उपयोग करने के बारे में क्या jquery मान्य सत्यापन में आपकी सहायता करने के लिए? यहाँ ajax-response के साथ एक उदाहरण है जैसा आप चाहते हैं। नीचे मूल दस्तावेज है ... (ध्यान दें कि मैं सिर में जेकरी वेलिडेट सहित हूं। बस "get_test" को अनदेखा कर रहा हूं, मैं आंशिक लोड करने के लिए उपयोग कर रहा हूं।
<!DOCTYPE html>
<html>
<head>
<title></title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js" type="text/javascript"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.9/jquery.validate.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#go").click(function() {
$("#here").load("get_test");
});
});
</script>
</head>
<body>
<input type="button" id="go" value="go" />
<div id="here"></div>
</body>
</html>
और आंशिक रूप से मैं नीचे लोड कर रहा हूं ... (ध्यान दें कि पाठ इनपुट में "आवश्यक" का एक वर्ग है - यह है कि कैसे jquay मान्य काम करता है। आप एक मान्य विधि भी देखेंगे।)
<script type="text/javascript">
$("#form0").validate();
</script>
<form action="SomeAction" id="form0" method="post">
<fieldset>
<legend>Information</legend>
<div class="editor-field">
<input id="SYSTEM_NAME" name="SYSTEM_NAME" type="text" value="" class="required" />
</div>
<input type="submit" value="Insert" id="saveCreation" />
<div id="loading"></div>
</fieldset>
</form>