Javascript onSubmit验证

Question

这里的Noob想知道如何使用javascript函数验证两个字段。例如，在线javascoipt代码需要验证字段x和fieldy两个字段

function checkdate(input) {
var validformat = /^\d{2}\/\d{2}\/\d{4}$/ //Basic check for format validity
var returnval = false
if (!validformat.test(input.value))
    alert("Invalid Date Format. Please correct and submit again.")
else { //Detailed check for valid date ranges
    var monthfield = input.value.split("/")[0]
    var dayfield = input.value.split("/")[1]
    var yearfield = input.value.split("/")[2]
    var dayobj = new Date(yearfield, monthfield - 1, dayfield)
    if ((dayobj.getMonth() + 1 != monthfield) || (dayobj.getDate() != dayfield) || (dayobj.getFullYear() != yearfield))
        alert("Invalid Day, Month, or Year range detected. Please correct and submit again.")
    else
        returnval = true
}
if (returnval == false) input.select()
return returnval
}

< /script>

询问如何使用JavaScript验证这两个字段。我试过了&但没有起作用。

<cfform action="someactionyoutake.cfm" method ="POST" onSubmit="return 
checkdate(document.formname.fieldx && document.formname.fieldy)">

提前感谢

Answer 1

只要改变

<cfform action="someactionyoutake.cfm" method ="POST" onSubmit="return datecheck(document.formname.fieldx && document.formname.fieldy)">

至

<cfform action="someactionyoutake.cfm" method ="POST" onSubmit="return datecheck(document.formname.fieldx) && datecheck(document.formname.fieldy)">

Answer 2

只需调用一个中间函数：

<script>
  function checkForm(){
    return datecheck(document.formname.fieldx) && datecheck(document.formname.fieldy)
  }
</script>
<cfform action="someactionyoutake.cfm" method ="POST" onSubmit="return checkForm()">

Answer 3

当您用jquery标记这个问题时，尝试下面的代码片段

 $(document).ready(function(){

 var PreFormSubmitValidation = function (event) {
        var isFormValid = true;

        // your validation logic
        if(<Validation Logic Fails>){
             isFormValid = false;
        }

    if(!isFormValid){
                return false; 
                // or can use
                // event.preventDefault(); 
        }
    };

 $("#formId").submit(PreFormSubmitValidation); // calls the method when the form is posted to the server
 });

希望它有帮助..。