मैं लंबे फॉर्म को तोड़ने के लिए फ़ील्ड के अगले पृष्ठ पर जाने से पहले कुछ फ़ील्ड की आवश्यकता करने की कोशिश कर रहा हूं। इस उदाहरण में मैं केवल ईमेल चाहता हूं, फ़ील्ड के अगले सेट पर जाने से पहले पहले या आखिरी की आवश्यकता नहीं है। मुझे यह दिखाने के लिए त्रुटि संदेश नहीं मिल सकता है कि मैं चाहता हूं और इस उदाहरण से काम कर रहा हूं: बहु चरण रूप में आवश्यक विशेषता

हर प्रकार की सहायता के लिए आपका धन्यवाद।

function checkValue() {
        var name = document.getElementById("email");
        if(email.value === "") {
          var att = document.createAttribute("required");
          name.setAttributeNode(att);
        }
    }
<form>
<div class="tab">Personal Information
  <p><input placeholder="First name" name="first" oninput="this.className = ''"></p>
  <p><input placeholder="Last name" ></p>
<p><input placeholder="Email" required="required" id="email" name="email" required="required" ></p>
</div>

<div style="overflow:auto;">
  <div style="float:right;">
    <button type="button" id="prevBtn">Previous</button>
    <button type="button"  id="nextBtn" style="color:#ffffff" onclick="checkValue();" >Next</button>
  </div>
</div>



</form>
0
mbraziti23 7 अगस्त 2020, 22:48

1 उत्तर

सबसे बढ़िया उत्तर

अगले बटन पर टाइप को हटा दें

function checkValue() {
        var email = document.getElementById("email");
      
        if(email.value === "") {
         
          var att = document.createAttribute("required");
          email.setAttributeNode(att);
        }
    }
<form>
<div class="tab">Personal Information
  <p><input placeholder="First name" name="first" oninput="this.className = ''"></p>
  <p><input placeholder="Last name" ></p> 
<p><input placeholder="Email"  id="email" name="email"  ></p>
</div>
<div style="overflow:auto;">
  <div style="float:right;">
    <button type="button" id="prevBtn">Previous</button>
    <button   id="nextBtn" style="color:#ffffff" onclick="checkValue();" >Next</button>
  </div>
</div>



</form>
0
DCR 7 अगस्त 2020, 23:10