HTML-форма не проверяется, когда я запускаю URL в браузере Eclipse, он не работает - PullRequest
Новая
       4

HTML-форма не проверяется, когда я запускаю URL в браузере Eclipse, он не работает

3 голосов
/ 28 марта 2019

Я должен сделать форму подтверждения перед отправкой вызова. Приведенный ниже код работает нормально, когда я запускаю URL в Chrome. Но когда я выполняю то же самое в затмении, что и "Run on server", форма не проверяется. Он ведет меня на страницу местного хостинга. Можете ли вы помочь мне в решении этой проблемы. Заранее спасибо! 

function emptyvalidation(field, errorMessage) {
    if (field.value == null || field.value == "") {
        alert(errorMessage);
		field.focus();
        return false;
    } else {
        return true;
    }
}


function validateAndSend() {
if (emptyvalidation(nameField,"Please enter your Name")==false) {nameField.focus(); return false;}
    document.getElementById("am_submit").disabled = true;
} 
<!DOCTYPE html>
<html>
<div id = "amf" >
    <div id = "amTitle" > Enter your form header here </div>  
		<form onsubmit = "return validateAndSend()" method = "post" target = "_self" name = "amform" id = "amform" action ="http://localhost:8080/api/postForm" autocomplete = "off" >
		    <div style="margin:6px">
            <label style="display:inline-block;width:150px;vertical-align:top">Name:</label>
			      <input type="text" class="inputBox" id="nameField" name="nameField" value="">
        </div>
        <div style="margin:6px"></div>
			  <div class = "ambutton" > 
            <input type = "submit" class = "am_submit" id = "am_submit" value = "Subscribe" > 
        </div>  
		</form>   
</div> 
</html>

Ответы [ 2 ]

0 голосов
/ 28 марта 2019

Попробуйте это: 

function emptyvalidation(field, errorMessage) {
    if (field.value == null || field.value == "") {
        alert(errorMessage);
		    field.focus();
        return false;
    } else {
        return true;
    }
}


function validateAndSend() {
    if (emptyvalidation(nameField,"Please enter your Name")==false) {
        nameField.focus(); 
        return false;
    } else {
        document.getElementById("amform").action = document.getElementById("amform").getAttribute("data-action");
        document.getElementById("am_submit").disabled = true;
    }
}
<!DOCTYPE html>
<html>
    <div id = "amf" >
        <div id = "amTitle" > Enter your form header here </div>  
        <form onsubmit = "return validateAndSend()" method = "post" target = "_self" name = "amform" id = "amform" data-action ="http://localhost:8080/api/postForm" autocomplete = "off" >
            <div style="margin:6px">
                <label style="display:inline-block;width:150px;vertical-align:top">Name:</label>
                <input type="text" class="inputBox" id="nameField" name="nameField" value="">
            </div>
            <div style="margin:6px"></div>
            <div class = "ambutton" >
                <input type = "submit" class = "am_submit" id = "am_submit" value = "Subscribe" >
            </div>
        </form>
    </div> 
</html>

Я только что удалил URL-адрес действия и вставил его, когда форма будет проверена.

0 голосов
/ 28 марта 2019

Попробуйте удалить , вернуть в теге формы и вернуть код состояния в функции обратного вызова

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...