asp.net - aspx - ¿Dejar de onclick de disparar cuando onclientclick es falso?

onclientclick aspx

Question

¿Es posible usar la propiedad onclientclick de un botón para hacer una verificación del onclientclick del onclientclick ? Si la verificación devuelve true , active el evento onclick . Si la verificación del lado del cliente devuelve false , no active el evento onclick .

¿Es eso posible?

ACTUALIZAR:

Estos 2 trabajos:

Stops the form from submitting:
OnClientClick="return false;"

Allows the form to submit:
OnClientClick="return true;"

Los siguientes 2 no funcionan:

// in js script tag
function mycheck() {
return false;
}
// in asp:button tag
OnClientClick="return mycheck();"

// in js script tag
function mycheck() {
return true;
}
// in asp:button tag
OnClientClick="return mycheck();"

Envía el formulario las dos veces.

¿Porqué es eso?

Answer 1

Desea agregar return dentro de OnClientClick después de que se invoca una función. De lo contrario, el botón publicará nuevamente incluso si la función devuelve falso.

<asp:button ID="Button1" runat="server" OnClick="Button1_Click"
OnClientClick="return checkValidation()" Text="Submit" />
<script type="text/javascript">
function checkValidation() {
return confirm(''Everything ok?'');
}
</script>

Answer 2

Me encontré con este problema también. No me gustó tener que poner OnClientClick = return false en cada botón de enlace. Con una página simple, es más fácil usar un anclaje y evitar que asp llene el href por ti.

Sin embargo, esto no siempre es posible. Entonces, una conclusión simple es simplemente heredar el LinkButton y agregar una variable como AutoPostBack. si es falso, simplemente anule el resultado con el html o agregue el OnClientClick. Realmente no me gustan las etiquetas en línea.

namespace My.WebControls {
[ToolboxData("<{0}:LinkButton runat=server ID=btn></{0}:LinkButton>"), ParseChildren(true), ToolboxItem(true)]
public class LinkButton : System.Web.UI.WebControls.LinkButton {
private bool _postback = true;
[Bindable(true), Category("Behavior"), DefaultValue(true), Description("Gets or Sets the postback click behavior")]
public bool AutoPostBack { get { return _postback; } set { _postback = value; } }
protected override void Render(System.Web.UI.HtmlTextWriter writer) {
if(!AutoPostBack){
this.OnClientClick = "return false";
}
base.Render(writer);
}
}
}

Muchos atributos deberían ser manejados en un ViewState, pero en este caso creo que estamos bien;

Answer 3

Por supuesto. Si usa return false dentro de su OnClientClick que ocurra ninguna navegación. Entonces tu código sería como:

<asp:LinkButton runat="server" OnClientClick="if(!ValidatePage()) { return false;}" />

Answer 4

Sí, puedes, en la llamada a la función onClientClick usa preventDefault()

function onclientClickFun(e)
{
if(!IsValidationSuccess)
{
e.preventDefault();
}
}

O

function onclientClickFun(e)
{
if(!IsValidationSuccess)
{
return false;
}
}

Answer 5

En la página del servidor crea el botón :

var button1 = new Button();
button1.ServerClick += new EventHandler(button1_ServerClick);
button1.OnClientClick = SetJsForSaveBtn();
button1.Attributes.Add("UseSubmitBehavior", "false");
panel.Controls.Add(button1 );

// Contiene el código del servidor

private void saveBtn_ServerClick(object sender, EventArgs e)
{
//do something if ClientClick returns true
}

// Contiene el código JS para la página

LiteralControl js = new LiteralControl();
panel.Controls.Add(js);
js.Text =@"<script type=''text/javascript''>
$(document).ready(function(){
function CheckValidationOnClient(){
if(!ValidatePage()){
return false;
}
else{
return true;
}
};
});
</script> ";
private string SetJsForSaveBtn()
{
var jsfunc = @" return CheckValidationOnClient()";
return jsfunc ;
}