Javascript 我需要根据用户输入打印if或else语句，一旦所有输入正确，我必须在按钮下打印用户输入_Javascript_Html

Javascript 我需要根据用户输入打印if或else语句，一旦所有输入正确，我必须在按钮下打印用户输入

javascript html

Javascript 我需要根据用户输入打印if或else语句，一旦所有输入正确，我必须在按钮下打印用户输入,javascript,html,Javascript,Html,所以基本上我在做一个项目，我需要在按钮下打印if/else语句。我还需要打印按钮下的用户输入，当它是正确的由于我无法附加图像，我将在此处写下说明：当用户单击Register（注册）按钮时，将调用一个函数来验证并处理输入的信息。将验证写入：用户已输入名称。输入的最小字符数为两个用户已输入一个地址。最小字符数输入的是两个电子邮件地址包含“@”符号，并且至少包含一点已输入并匹配电子邮件地址。用户输入了一个手机，它是10位数字。电话是可选的，但如果输入，则必须是10位数字。如

所以基本上我在做一个项目，我需要在按钮下打印if/else语句。我还需要打印按钮下的用户输入，当它是正确的

由于我无法附加图像，我将在此处写下说明：

当用户单击Register（注册）按钮时，将调用一个函数来验证并处理输入的信息。将验证写入：

用户已输入名称。输入的最小字符数为两个

用户已输入一个地址。最小字符数输入的是两个

电子邮件地址包含“@”符号，并且至少包含一点

已输入并匹配电子邮件地址。用户输入了一个手机，它是10位数字。电话是可选的，但如果输入，则必须是10位数字。如果用户未提供所有信息，则应显示适当的错误消息显示。应清除相应的文本框，并将焦点放在该页面元素上。示例错误消息：

我会附上我的代码以及。。。因此，当我输入错误的文本时，它会将焦点放在我出错的输入框上，并显示警报

<script type="text/javascript">
function Validator() {
/*
Below will calculate to see if the right input has been put in, If the input is incorrect then it will give an alert and Focus on the text box that needs fixing. If the input is correct it will goto the next Input to see if it is correct!
After all inputs are verified they will be printed below.
*/


//Validate length of name input field       
enter code herevar ValidateName = document.getElementById('txtName').value;
var ValidateAddress = document.getElementById('txtAddress').value;
var ValidatePhone = document.getElementById('numPhone').value;
var ValidateMobile = document.getElementById('numMobile').value;
var confirmEmail = document.getElementById('txtconfirmEmail');  
var email = document.getElementById('txtEmail');
var filter =    /^([a-zA-Z0-9_.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;

        if(ValidateName.length <= 2){
            alert("-ERROR- Please enter a name more than one letter!");
            document.getElementById('txtName').focus(); 

        }
        else {

            if(ValidateAddress.length <=2){
        alert("-ERROR- Please enter an address more than one letter");
            document.getElementById('txtAddress').focus();  

    }
        else{

            if (!filter.test(email.value)) {
        alert('Please provide a valid email address');  
            document.getElementById('txtEmail').focus();    

    }   
        else{
            if(txtEmail.value != txtconfirmEmail.value){
        alert('Please check your confirm email is correct');    
            document.getElementById('txtconfirmEmail').focus(); 

    }
        else{

        if(ValidatePhone.length != 10){
                alert("-ERROR- Please enter a phone number with exactly 10 numeric digits");
                document.getElementById(numPhone).focus();
        }
        else{
        if(ValidateMobile.length != 10){
            alert("-ERROR- Please enter a Mobile number with exactly 10 numeric digits");   
            document.getElementById('numMobile').focus();   
        }
        }

    }
    }



        }

        }










}
</script>
</head> 
<body> 

<div data-role="page" id="page">
    <div data-role="header">
        <h1>Kanye West</h1> <!--Name of artist -->
    </div>
    <div data-role="content" class="allPageBackground"> 
        <ul data-role="listview">
            <li><a href="#page2">Member Registration</a></li>
            <li><a href="#page3">Gala Ticket Order</a></li>
            <li><a href="#page4">Temperature Conversion</a></li>
            <!-- Above opens external albums.html page -->
        </ul>       
    </div>
    <div data-role="footer">
        <h4>James</h4>
    </div>
</div> <!-- End of NAVIGATION PAGE -->

<!--_________________________________________________-->

<!--Start of REGISTRATION PAGE(#page2)-->

<div data-role="page" id="page2" data-add-back-btn="true">
    <div data-role="header">
        <h1>Registration Page</h1>
    </div>
    <!--Start of forms-->
    <div data-role="content" class="allPageBackground">
    <p>Sign up and become a member to now!</p>
      <div data-role="fieldcontain">
        <label for="txtName">*Name:</label>
        <input type="text" name="txtName" id="txtName" value="" required  />
        <!--Everything is connected by "name"-->
      </div>

      <div data-role="fieldcontain">
        <label for="txtAddress">*Address</label>
        <input type="text" name="txtAddress" id="txtAddress" value="" required  />
      </div>

      <div data-role="fieldcontain">
        <label for="txtEmail">*e-Mail</label>
        <input type="email" name="txtEmail" id="txtEmail" value=""  />
      </div>

        <div data-role="fieldcontain">
        <label for="txtconfirmEmail">*Confirm e-Mail</label>
        <input type="email" name="txtconfirmEmail" id="txtconfirmEmail" value=""  />
       </div>

        <div data-role="fieldcontain">
        <label for="numPhone">Phone</label>
        <input type="number" name="numPhone" id="numPhone" value=""  />
        </div>

        <div data-role="fieldcontain">
        <label for="numMobile">*Mobile</label>
        <input type="number" name="numMobile" id="numMobile" value=""  />
        </div>

      </div>
            <p>* Required </p>
      <!--End of forms-->
      <!--Submit Button-->
      <button type="submit" value="Register" onClick="Validator()"></button>
      <label></label>
      <!--End of Submit BUtton-->      
    </div>
    <div data-role="footer">
        <h4>James</h4>
    </div>
</div>


函数验证器（）{
/*
下面将计算以查看是否输入了正确的输入，如果输入不正确，则将发出警报并关注需要修复的文本框。如果输入正确，则将转到下一个输入以查看是否正确！
验证所有输入后，将在下面打印它们。
*/
//验证名称输入字段的长度
在此处输入代码var ValidateName=document.getElementById（'txtName'）。值；
var ValidateAddress=document.getElementById（'txtAddress'）。值；
var ValidatePhone=document.getElementById（'numPhone'）.value；
var ValidateMobile=document.getElementById（'numMobile'）.value；
var confirmEmail=document.getElementById（'txtconfirmEmail'）；
var email=document.getElementById（'txtEmail'）；
变量过滤器=/^（[a-zA-Z0-9\-]）+\@（[a-zA-Z0-9\-]）+\）+（[a-zA-Z0-9]{2,4}）+$/；
if（ValidateName.length）

函数验证器（）{
//验证名称输入字段的长度
var ValidateName=document.getElementById（'txtName'）.value；
var ValidateAddress=document.getElementById（'txtAddress'）。值；
var ValidatePhone=document.getElementById（'numPhone'）.value；
var ValidateMobile=document.getElementById（'numMobile'）.value；
var confirmEmail=document.getElementById（'txtconfirmEmail'）；
var email=document.getElementById（'txtEmail'）；
变量过滤器=/^（[a-zA-Z0-9\-]）+\@（[a-zA-Z0-9\-]）+\）+（[a-zA-Z0-9]{2,4}）+$/；
if（ValidateName.length我发现了如何打印用户输入，以及如何使用if语句让他们知道输入了错误的数据
<script type="text/javascript">
function Validator() {
//Validate length of name input field  
var errorMsg = "";     
var str = ""; 
var ValidateName = document.getElementById('txtName').value;
var ValidateAddress = document.getElementById('txtAddress').value;
var ValidatePhone = document.getElementById('numPhone').value;
var ValidateMobile = document.getElementById('numMobile').value;
var confirmEmail = document.getElementById('txtconfirmEmail');  
var email = document.getElementById('txtEmail');
var filter =  /*Email Symbol and letter Validator*/  /^([a-zA-Z0-9_.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var regexPhone = /^\D*0(\D*\d){9}\D*$/; 
    /*alert(document.getElementById('txtName').innerHTML=txtName.value);
          alert(document.getElementById('txtName').innerHTML=txtName);
          */
    if(ValidateName.length <= 2){
            errorMsg += ("<b>-ERROR- Please enter a valid name with a length of at least 3 letters</b>");
            document.getElementById('errorMessage').innerHTML = errorMsg;
                    document.getElementById('txtName').focus();//this Focuses on textbox if input is wrong. 
                            //alert("-ERROR- Please enter a name more than one letter!"); 

        return false;
    } 
    if(ValidateAddress.length <=2){
            errorMsg += ("<b>-ERROR- Please enter a valid address with a length of at least 3 letters</b>");
            document.getElementById('errorMessage').innerHTML = errorMsg;
                    document.getElementById('txtAddress').focus();  //this Focuses on textbox if input is wrong.
                            //alert("-ERROR- Please enter an address more than one letter");

        return false;
    }
    if (!filter.test(email.value)) {
            errorMsg += ("<b>-ERROR- Please provide a valid email address.</b>");   
            document.getElementById('errorMessage').innerHTML = errorMsg;
                     document.getElementById('txtEmail').focus();//this Focuses on textbox if input is wrong.   
                            // alert('Please provide a valid email address');
        return false;
    }   
    if(txtEmail.value != txtconfirmEmail.value){
        errorMsg += ("<b>-ERROR- Please match up your email</b>");
        document.getElementById('errorMessage').innerHTML = errorMsg;
                document.getElementById('txtconfirmEmail').focus(); //this Focuses on textbox if input is wrong.
                        // alert('Please check your confirm email is correct');    

        return false;
    }
    if(ValidatePhone.length != 00){
        if(ValidatePhone.length != 10){
            errorMsg += ("<b>-ERROR- Please enter a phone number that is exactly 10 numeric digits</b>");
            document.getElementById('errorMessage').innerHTML = errorMsg;
                    document.getElementById('numPhone').focus();//this Focuses on textbox if input is wrong.
                        /*alert("-ERROR- Please enter a phone number with exactly 10 numeric digits");*/

            /*This error msg will not print if no numbers have been entered into the input box*/          
            return false;
        }
    }
    if(ValidateMobile.length != 10){
        errorMsg += ("<b>-ERROR- Please enter a Mobile number that is exactly 10 numeric digits</b>");
        document.getElementById('errorMessage').innerHTML = errorMsg;
                document.getElementById('numMobile').focus();//this Focuses on textbox if input is wrong.
                        /*alert("-ERROR- Please enter a mobile number with exactly 10 numeric digits");*/
        return false;
    }

else{
         str += ("thank You" + ValidateName + "<br>" + "Your address is: " + ValidateAddress +
        "<br>" + "Your phone is: " + ValidatePhone + "<br>" + "Your mobile is: " + ValidateMobile);
        document.getElementById('input').innerHTML = str;//This prints the users details.
        errorMsg = ("");
        document.getElementById('errorMessage').innerHTML = errorMsg; /*This will simply make errorMsg equal to nothing instead of the mobile error message.*/
}           
 return true;

}
</script>


函数验证器（）{
//验证名称输入字段的长度
var errorMsg=“”；
var str=“”；
var ValidateName=document.getElementById（'txtName'）.value；
var ValidateAddress=document.getElementById（'txtAddress'）。值；
var ValidatePhone=document.getElementById（'numPhone'）.value；
var ValidateMobile=document.getElementById（'numMobile'）.value；
var confirmEmail=document.getElementById（'txtconfirmEmail'）；
var email=document.getElementById（'txtEmail'）；
var filter=/*电子邮件符号和字母验证器*/^（[a-zA-Z0-9\-]）+\@（[a-zA-Z0-9\-]）+\）+（[a-zA-Z0-9]{2,4}）+$/；
var regexPhone=/^\D*0（\D*\D）{9}\D*$/；
/*警报（document.getElementById（'txtName'）。innerHTML=txtName.value）；
警报（document.getElementById（'txtName'）。innerHTML=txtName）；
*/
如果（ValidateName.length是否可以创建表单？注意：您的表单中没有表单提交操作code@thecbuilder我可以通过电子邮件发送我的文件吗？谢谢，这是一个更好的方法。只是想知道如何将警报中的注释作为字符串打印出来。s alert（'something'）；//error谢谢，但我不知道该怎么办……我已经有一段时间遇到问题了。要在alert中打印注释语句吗？*要在alert中打印注释语句吗？
<script type="text/javascript">
function Validator() {
//Validate length of name input field  
var errorMsg = "";     
var str = ""; 
var ValidateName = document.getElementById('txtName').value;
var ValidateAddress = document.getElementById('txtAddress').value;
var ValidatePhone = document.getElementById('numPhone').value;
var ValidateMobile = document.getElementById('numMobile').value;
var confirmEmail = document.getElementById('txtconfirmEmail');  
var email = document.getElementById('txtEmail');
var filter =  /*Email Symbol and letter Validator*/  /^([a-zA-Z0-9_.\-])+\@(([a-zA-Z0-9\-])+\.)+([a-zA-Z0-9]{2,4})+$/;
var regexPhone = /^\D*0(\D*\d){9}\D*$/; 
    /*alert(document.getElementById('txtName').innerHTML=txtName.value);
          alert(document.getElementById('txtName').innerHTML=txtName);
          */
    if(ValidateName.length <= 2){
            errorMsg += ("<b>-ERROR- Please enter a valid name with a length of at least 3 letters</b>");
            document.getElementById('errorMessage').innerHTML = errorMsg;
                    document.getElementById('txtName').focus();//this Focuses on textbox if input is wrong. 
                            //alert("-ERROR- Please enter a name more than one letter!"); 

        return false;
    } 
    if(ValidateAddress.length <=2){
            errorMsg += ("<b>-ERROR- Please enter a valid address with a length of at least 3 letters</b>");
            document.getElementById('errorMessage').innerHTML = errorMsg;
                    document.getElementById('txtAddress').focus();  //this Focuses on textbox if input is wrong.
                            //alert("-ERROR- Please enter an address more than one letter");

        return false;
    }
    if (!filter.test(email.value)) {
            errorMsg += ("<b>-ERROR- Please provide a valid email address.</b>");   
            document.getElementById('errorMessage').innerHTML = errorMsg;
                     document.getElementById('txtEmail').focus();//this Focuses on textbox if input is wrong.   
                            // alert('Please provide a valid email address');
        return false;
    }   
    if(txtEmail.value != txtconfirmEmail.value){
        errorMsg += ("<b>-ERROR- Please match up your email</b>");
        document.getElementById('errorMessage').innerHTML = errorMsg;
                document.getElementById('txtconfirmEmail').focus(); //this Focuses on textbox if input is wrong.
                        // alert('Please check your confirm email is correct');    

        return false;
    }
    if(ValidatePhone.length != 00){
        if(ValidatePhone.length != 10){
            errorMsg += ("<b>-ERROR- Please enter a phone number that is exactly 10 numeric digits</b>");
            document.getElementById('errorMessage').innerHTML = errorMsg;
                    document.getElementById('numPhone').focus();//this Focuses on textbox if input is wrong.
                        /*alert("-ERROR- Please enter a phone number with exactly 10 numeric digits");*/

            /*This error msg will not print if no numbers have been entered into the input box*/          
            return false;
        }
    }
    if(ValidateMobile.length != 10){
        errorMsg += ("<b>-ERROR- Please enter a Mobile number that is exactly 10 numeric digits</b>");
        document.getElementById('errorMessage').innerHTML = errorMsg;
                document.getElementById('numMobile').focus();//this Focuses on textbox if input is wrong.
                        /*alert("-ERROR- Please enter a mobile number with exactly 10 numeric digits");*/
        return false;
    }

else{
         str += ("thank You" + ValidateName + "<br>" + "Your address is: " + ValidateAddress +
        "<br>" + "Your phone is: " + ValidatePhone + "<br>" + "Your mobile is: " + ValidateMobile);
        document.getElementById('input').innerHTML = str;//This prints the users details.
        errorMsg = ("");
        document.getElementById('errorMessage').innerHTML = errorMsg; /*This will simply make errorMsg equal to nothing instead of the mobile error message.*/
}           
 return true;

}
</script>

<p id="str"></p>

<p> id="errorMessage"</p>