Question

如何在我将TextBox留空时获取提交警报，并且应该在提交时转到下一页。必须回复，谢谢。

Answer 1

你可以试试这个：

HTML：

<form action="" method="POST" id="myForm">
    <input id="myInput" type="text" />
    <input type="submit" />
</form>

（将动作属性替换为目标网页的网址，即您称之为“下一页”的网址。）

JS（没有 jQuery）：

var myForm  = document.querySelector('#myForm');
var myInput = document.querySelector('#myInput');

myForm.addEventListener('submit', function(pEvent) {
    if(myInput.value === '') {
        pEvent.preventDefault(); //Prevents the form to be sent
        alert('Ho! Stop!');
        //Do whatever you want
    }
});

JS（ with jQuery）：

var myForm  = $('#myForm');
var myInput = $('#myInput');

myForm.on('submit', function(pEvent) {
    if(myInput.val() === '') {
        pEvent.preventDefault(); //Prevents the form to be sent
        alert('Ho! Stop!');
    }
});

演示：http://jsfiddle.net/af9qvkmp/9/

Answer 2

在表单标签中写

<form action=""  method="post" enctype="multipart/form-data" onsubmit="return checkform(this);">

这是您的输入字段

<input type="text" name="reviewValue" value=""  id='starRate2' required>

JavaScript代码：

<script language="JavaScript" type="text/javascript">
function checkform ( form ){
  if (form.reviewValue.value == "") {
    alert( "Please choice your Rating." );
    form.reviewValue.focus();
    return false ;
  }
  return true ;
}
</script>

提交Html / JavaScript时显示警报（文本字段为空）

2 个答案: