使一个字段强制使用javascript

我想在网页上强制选择字段。我知道如何做到这一点与JS的帮助和形式属性'onsubmit'并返回该函数。但问题是，表单代码已经写好，现在我不知道如何添加属性。让我知道如果我可以从JS动态追加属性。我尝试的另一种方法是在页面加载后调用JS。但是这不是使该字段成为强制性的，并且可以提交表单。以下是我的代码..使一个字段强制使用javascript

 <!DOCTYPE html> 
     <html> 
     <head> 
     <script> 
     function f1() 
     { 
      var countryValue = document.getElementById('count ID').value; 

    if (countryValue == "") 
    { 
      alert("field value missing"); 
     return false; 
    } 
    var stateValue = document.getElementById('state ID').value; 
    if (stateValue == "") 
    { 
      alert("state field value missing"); 
     return false; 
    } 
} 

     </script> 
    </head> 
    <body> 
    <form method = "post" action = "33.html"> 
    Country: <input type="text" id="count ID"> 
    state: <select id="state ID"> 
      <option></option> 
        <option value="ap">ap</option> 
        <option value="bp">bp</option> 
        </select> 
    <br> 
    <input type = "submit"> 
    </form> 
    <script>window.onload=f1</script> 

      </body> 
      </html>

请帮助。

来源

2014-01-30 Vineeth Varma

如果（thereIsAnError（））{myButton.disabled =真} – bjb568

你对你的ID – HTTP

看一看这一点，因为你已经搞砸了的ID

Live Demo

window.onload=function() { 
    document.forms[0].onsubmit=function() { // first form on page 
    var countryValue = this.elements[0].value; // first field in form 
    if (countryValue == "") { 
     alert("Please enter a country"); 
     return false; 
    } 
    var stateIdx = this.elements[1].selectedIndex; // second field 
    if (stateIdx < 1) { // your first option does not have a value 
     alert("Please select a state"); 
     return false; 
    } 
    return true; // allow submission 
    } 
}

PS：很可能发布到HTML页面会给你一个错误

要获得最后一个按钮做提交

window.onload=function() { 
    var form = document.forms[0]; // first form 
    // last element in form: 
    form.elements[form.elements.length-1].onclick=function() { 
    ... 
    ... 
    ... 
    this.form.submit(); // instead of return true 
    } 
}

来源

2014-01-30 06:58:35 mplungjan

有空间，谢谢。这很有帮助。现在我的表单并没有提交btn，而是通过验证在这种情况下，如何调用JS函数？ –